SAPの財務会計（FI）モジュールでは、企業の組織構造を正しく定義することがシステム運用の基盤になります。その中でも「セグメント」は、事業別や部門別に財務諸表を作成するために欠かせない組織単位です。本記事では、セグメントの役割や会社コード・事業領域との違い、そして新総勘定元帳（New-GL）導入以降の位置づけをわかりやすく解説します。SAP導入を検討している企業担当者や、FIモジュールの設計・運用を担当する方はぜひ参考にしてください。%3C!--%20%3D%3D%3D%20ERP%E5%88%B7%E6%96%B0%E6%88%90%E5%8A%9F%E3%82%AC%E3%82%A4%E3%83%89%20CTA%EF%BC%88STUDIO%E7%94%A8%EF%BC%89%20%3D%3D%3D%20--%3E%0A%3Cdiv%20style%3D%22background%3A%23f9fbff%3Bborder%3A1px%20solid%20%23e0e8f0%3Bborder-radius%3A16px%3Bpadding%3A32px%3Bbox-shadow%3A0%204px%2016px%20rgba(0%2C0%2C0%2C0.05)%3Bmargin%3A60px%200%3B%22%3E%0A%0A%20%20%3C!--%20%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%EF%BC%881%E3%82%AB%E3%83%A9%E3%83%A0%EF%BC%89%20--%3E%0A%20%20%3Cdiv%20style%3D%22text-align%3Acenter%3Bmargin-bottom%3A20px%3B%22%3E%0A%20%20%20%20%3Cp%20style%3D%22font-size%3A1.3rem%3Bfont-weight%3A700%3Bcolor%3A%23003366%3Bmargin%3A0%3B%22%3E%0A%20%20%20%20%20%20ERP%E5%88%B7%E6%96%B0%E6%88%90%E5%8A%9F%E3%81%AE%E9%8D%B5%E3%81%A8%E8%A3%BD%E5%93%81%E9%81%B8%E5%AE%9A%E3%82%AC%E3%82%A4%E3%83%89%0A%20%20%20%20%3C%2Fp%3E%0A%20%20%3C%2Fdiv%3E%0A%0A%20%20%3C!--%20%E6%9C%AC%E6%96%87%E3%82%A8%E3%83%AA%E3%82%A2%EF%BC%9A%E7%94%BB%E5%83%8F%EF%BC%8B%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%20--%3E%0A%20%20%3Cdiv%20style%3D%22display%3Aflex%3Balign-items%3Aflex-start%3Bjustify-content%3Aspace-between%3Bgap%3A28px%3Bflex-wrap%3Awrap%3B%22%3E%0A%0A%20%20%20%20%3C!--%20%E5%B7%A6%EF%BC%9A%E7%94%BB%E5%83%8F%20--%3E%0A%20%20%20%20%3Cdiv%20style%3D%22flex%3A0%200%20260px%3Btext-align%3Acenter%3B%22%3E%0A%20%20%20%20%20%20%3Cimg%20%0A%20%20%20%20%20%20%20%20data-s-bc6b0b93-04c9-4a3a-8dc5-3e9041223175%3D%22%22%0A%20%20%20%20%20%20%20%20class%3D%22sd%22%20%0A%20%20%20%20%20%20%20%20alt%3D%22ERP%E5%88%B7%E6%96%B0%E6%88%90%E5%8A%9F%E3%81%AE%E9%8D%B5%E3%81%A8%E8%A3%BD%E5%93%81%E9%81%B8%E5%AE%9A%E3%82%AC%E3%82%A4%E3%83%89%20%E8%A1%A8%E7%B4%99%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%22%20%0A%20%20%20%20%20%20%20%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FxPORYbRYWr%2Fs-1200x866_v-fms_webp_982d9730-f6e4-4d86-8ce5-7a8fefc324ad_middle.webp%22%20%0A%20%20%20%20%20%20%20%20style%3D%22width%3A100%25%3Bmax-width%3A260px%3Bborder-radius%3A12px%3Bobject-fit%3Acover%3B%22%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%E6%8F%90%E4%BE%9B%EF%BC%9A%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BEAnfini%0A%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3C!--%20%E5%8F%B3%EF%BC%9A%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%20%2B%20%E3%83%9E%E3%82%A4%E3%82%AF%E3%83%AD%E3%82%B3%E3%83%94%E3%83%BC%20%2B%20%E3%83%9C%E3%82%BF%E3%83%B3%20--%3E%0A%20%20%20%20%3Cdiv%20style%3D%22flex%3A1%3Bmin-width%3A260px%3B%22%3E%0A%20%20%20%20%20%20%3Cul%20style%3D%22list-style%3Anone%3Bpadding%3A0%3Bmargin%3A0%200%2012px%200%3Bfont-size%3A0.96rem%3Bline-height%3A1.8%3Bcolor%3A%23333%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Cli%20style%3D%22margin-bottom%3A8px%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fa-solid%20fa-check%22%20style%3D%22color%3A%2300b8f5%3Bmargin-right%3A10px%3B%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%20%20AS%2F400%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88%E7%B5%82%E4%BA%86%E3%81%AB%E4%BC%B4%E3%81%86%E3%83%AA%E3%82%B9%E3%82%AF%0A%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%3Cli%20style%3D%22margin-bottom%3A8px%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fa-solid%20fa-check%22%20style%3D%22color%3A%2300b8f5%3Bmargin-right%3A10px%3B%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%20%20ERP%E5%88%B7%E6%96%B0%E6%88%90%E5%8A%9F%E3%81%AB%E5%BF%85%E8%A6%81%E3%81%AA%E8%A6%B3%E7%82%B9%0A%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%3Cli%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fa-solid%20fa-check%22%20style%3D%22color%3A%2300b8f5%3Bmargin-right%3A10px%3B%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%20%20%E4%B8%BB%E8%A6%81ERP%E8%A3%BD%E5%93%81%E3%81%AE%E6%AF%94%E8%BC%83%E3%81%A8%E9%81%B8%E5%AE%9A%E6%8C%87%E9%87%9D%0A%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%3C%2Ful%3E%0A%0A%20%20%20%20%20%20%3Cp%20style%3D%22font-size%3A0.86rem%3Bcolor%3A%23444%3Bmargin%3A0%200%2012px%200%3B%22%3E%0A%20%20%20%20%20%20%20%20%E3%80%80%E3%80%80%E3%80%80%E3%80%80%E3%80%80%EF%BC%BC%20%E3%81%BE%E3%81%9A%E3%81%AF%E7%B0%A1%E5%8D%9830%E7%A7%92%EF%BC%81%20%EF%BC%8F%0A%20%20%20%20%20%20%3C%2Fp%3E%0A%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22wrapper%22%20style%3D%22margin-top%3A8px%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Ca%20href%3D%22https%3A%2F%2Fsap-consul.jp%2Frequest%2Fform1%22%20class%3D%22fancy-button%20bg-gradient1%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%3E%E7%84%A1%E6%96%99%E3%81%A7%E8%B3%87%E6%96%99%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2Fa%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%0A%3C!--%20%3D%3D%3D%20fancy-button%20%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%20%26%20Font%20Awesome%20%3D%3D%3D%20--%3E%0A%3Clink%20rel%3D%22stylesheet%22%20href%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Ffont-awesome%2F6.5.0%2Fcss%2Fall.min.css%22%3E%0A%0A%3Cstyle%3E%0A.wrapper%20%7B%20%0A%20%20margin%3A%200%3B%20%0A%20%20text-align%3A%20left%3B%20%0A%20%20transform-style%3A%20preserve-3d%3B%20%0A%20%20perspective%3A%20800px%3B%20%0A%7D%0A%0Aa%20%7B%20text-decoration%3A%20none%3B%20%7D%0Aa%3Ahover%2C%20a%3Afocus%2C%20a%3Aactive%20%7B%20text-decoration%3A%20none%3B%20%7D%0A%0A.bg-gradient1%20span%2C%0A.bg-gradient1%3Abefore%20%7B%0A%20%20background%3A%20linear-gradient(to%20right%2C%20%2352A0FD%200%25%2C%20%2300e2fa%2080%25%2C%20%2300e2fa%20100%25)%3B%0A%7D%0A%0A.fancy-button%20%7B%0A%20%20display%3A%20inline-block%3B%0A%20%20margin%3A%200%3B%0A%20%20font-family%3A%20'Montserrat'%2C%20Helvetica%2C%20Arial%2C%20sans-serif%3B%0A%20%20font-size%3A%2017px%3B%0A%20%20letter-spacing%3A%200.03em%3B%0A%20%20text-transform%3A%20uppercase%3B%0A%20%20color%3A%20%23ffffff%3B%0A%20%20position%3A%20relative%3B%0A%7D%0A%0A.fancy-button%3Abefore%20%7B%0A%20%20content%3A%20''%3B%0A%20%20display%3A%20inline-block%3B%0A%20%20height%3A%2040px%3B%0A%20%20position%3A%20absolute%3B%0A%20%20bottom%3A%20-5px%3B%0A%20%20left%3A%2030px%3B%0A%20%20right%3A%2030px%3B%0A%20%20z-index%3A%20-1%3B%0A%20%20border-radius%3A%2030em%3B%0A%20%20filter%3A%20blur(20px)%20brightness(0.95)%3B%0A%20%20transform-style%3A%20preserve-3d%3B%0A%20%20transition%3A%20all%200.3s%20ease-out%3B%0A%7D%0A%0A.fancy-button%20span%20%7B%0A%20%20display%3A%20inline-block%3B%0A%20%20padding%3A%2018px%2060px%3B%0A%20%20border-radius%3A%2050em%3B%0A%20%20position%3A%20relative%3B%0A%20%20z-index%3A%202%3B%0A%20%20transition%3A%20all%200.3s%20ease-out%3B%0A%7D%0A%0A.fancy-button%3Ahover%20span%20%7B%0A%20%20filter%3A%20brightness(1.05)%20contrast(1.05)%3B%0A%20%20transform%3A%20scale(0.95)%3B%0A%7D%0A%0A.fancy-button%3Ahover%3Abefore%20%7B%0A%20%20bottom%3A%200%3B%0A%20%20filter%3A%20blur(10px)%20brightness(0.95)%3B%0A%7D%0A%0A%40media%20(max-width%3A%20768px)%20%7B%0A%20%20.wrapper%20%7B%20%0A%20%20%20%20text-align%3A%20center%3B%20%0A%20%20%7D%0A%7D%0A%3C%2Fstyle%3E%0A【SAPコンサルタント募集】 年収800万~2500万 平均残業時間 4.1h/月カジュアル面談の応募を是非お待ちしています！「セグメント」は、SAPで会社コード以外の組織単位でレポートを出力する際に使用します。例えば、営業部・経理部・人事部など、会社コード配下の事業部レベルをセグメントで組織化することができます。 企業はセグメントレポートの提出が義務付けられており、SAPではそれらの事業セグメントの財務結果に関する情報を提供するための組織構造としてセグメントを用意しています。セグメントとは、財務諸表における「開示セグメント」を意識した項目として、外部レポート用に財務諸表を登録することが出来る組織単位です。特定の会計原則（US GAAP、IFRS etc.）により企業はセグメントレポートの提出が義務付けられており、SAPではそれらの情報を提供するための組織構造としてセグメントを用意しています。元々は、「事業領域」が事業部等の切り口として会計データを色付けするためのコードとして用意されていましたが、New-GL（新総勘定元帳）が導入されたタイミングで「セグメント」が追加されました。セグメントはSAPの骨組みを決める組織定義の一つで、かつ、必須項目になります。事業領域が管理会計用（内部報告レポート）であるのに対し、セグメントは制度会計（外部報告レポート）のために使用されます。SAP内でのデータ処理や制御に関わるため、しっかりと理解しておく必要があります。FIに登場する似たような組織に、「会社コード」と「事業領域」があります。「会社コード」は、法人単位（財務諸表を出力する単位）の組織設定です。会社コードはFI・COの他の組織設定やマスタ設定のキー項目になり、権限設定のキー項目にもなります。 一方「セグメント」は、会社コードより細かい単位で財務諸表を出力できます。以下の例では親会社、製造会社、販売会社（いずれも会社コードとして定義）について、開示セグメントの観点も踏まえ、「家電事業」と「娯楽家電事業」を「セグメント」として定義しています。セグメントは利益センタマスタにセグメントを割り当て自動誘導させるので、利益センタ「白物家電」と「デジタル家電」で発生した会計取引は、セグメント「家電事業」でレポートします。また「事業領域」との違いは、「事業領域」は任意項目であるのに対し、「セグメント」は必須項目であることです。こちらの記事もおススメです！SAP CO 組織定義 利益センタSAP CO 組織定義 事業領域SAP FI 組織定義 会社コードSAP FI 組織定義 セグメントの誘導・登録方法【SAPコンサルタント募集】 年収800万~2500万 平均残業時間 4.1h/月カジュアル面談の応募を是非お待ちしています！株式会社Anfiniでは現在SAPコンサルタントを募集しています。経験を問わず、会社の概要や入社後のキャリアイメージなど、ご興味がある方は是非カジュアル面談にご応募ください！（選考に一切関係なし）■株式会社 Anfiniって？ベストベンチャー100に創業3期目で選出！従業員ファースト「業務時間8⇒6を目指す」独立系ブティックファーム「経営管理クラウドXO」を融合した経営コンサルティングを提供詳細は以下の記事をご覧ください。カジュアル面談可【急募】SAPコンサルタント/リモート可/副業自由/平均残業4.1 %3C!--%20%3D%3D%3D%20ERP%E5%88%B7%E6%96%B0%E6%88%90%E5%8A%9F%E3%82%AC%E3%82%A4%E3%83%89%20CTA%EF%BC%88STUDIO%E7%94%A8%EF%BC%89%20%3D%3D%3D%20--%3E%0A%3Cdiv%20style%3D%22background%3A%23f9fbff%3Bborder%3A1px%20solid%20%23e0e8f0%3Bborder-radius%3A16px%3Bpadding%3A32px%3Bbox-shadow%3A0%204px%2016px%20rgba(0%2C0%2C0%2C0.05)%3Bmargin%3A60px%200%3B%22%3E%0A%0A%20%20%3C!--%20%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%EF%BC%881%E3%82%AB%E3%83%A9%E3%83%A0%EF%BC%89%20--%3E%0A%20%20%3Cdiv%20style%3D%22text-align%3Acenter%3Bmargin-bottom%3A20px%3B%22%3E%0A%20%20%20%20%3Cp%20style%3D%22font-size%3A1.3rem%3Bfont-weight%3A700%3Bcolor%3A%23003366%3Bmargin%3A0%3B%22%3E%0A%20%20%20%20%20%20ERP%E5%88%B7%E6%96%B0%E6%88%90%E5%8A%9F%E3%81%AE%E9%8D%B5%E3%81%A8%E8%A3%BD%E5%93%81%E9%81%B8%E5%AE%9A%E3%82%AC%E3%82%A4%E3%83%89%0A%20%20%20%20%3C%2Fp%3E%0A%20%20%3C%2Fdiv%3E%0A%0A%20%20%3C!--%20%E6%9C%AC%E6%96%87%E3%82%A8%E3%83%AA%E3%82%A2%EF%BC%9A%E7%94%BB%E5%83%8F%EF%BC%8B%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%20--%3E%0A%20%20%3Cdiv%20style%3D%22display%3Aflex%3Balign-items%3Aflex-start%3Bjustify-content%3Aspace-between%3Bgap%3A28px%3Bflex-wrap%3Awrap%3B%22%3E%0A%0A%20%20%20%20%3C!--%20%E5%B7%A6%EF%BC%9A%E7%94%BB%E5%83%8F%20--%3E%0A%20%20%20%20%3Cdiv%20style%3D%22flex%3A0%200%20260px%3Btext-align%3Acenter%3B%22%3E%0A%20%20%20%20%20%20%3Cimg%20%0A%20%20%20%20%20%20%20%20data-s-bc6b0b93-04c9-4a3a-8dc5-3e9041223175%3D%22%22%0A%20%20%20%20%20%20%20%20class%3D%22sd%22%20%0A%20%20%20%20%20%20%20%20alt%3D%22ERP%E5%88%B7%E6%96%B0%E6%88%90%E5%8A%9F%E3%81%AE%E9%8D%B5%E3%81%A8%E8%A3%BD%E5%93%81%E9%81%B8%E5%AE%9A%E3%82%AC%E3%82%A4%E3%83%89%20%E8%A1%A8%E7%B4%99%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%22%20%0A%20%20%20%20%20%20%20%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FxPORYbRYWr%2Fs-1200x866_v-fms_webp_982d9730-f6e4-4d86-8ce5-7a8fefc324ad_middle.webp%22%20%0A%20%20%20%20%20%20%20%20style%3D%22width%3A100%25%3Bmax-width%3A260px%3Bborder-radius%3A12px%3Bobject-fit%3Acover%3B%22%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%E6%8F%90%E4%BE%9B%EF%BC%9A%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BEAnfini%0A%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3C!--%20%E5%8F%B3%EF%BC%9A%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%20%2B%20%E3%83%9E%E3%82%A4%E3%82%AF%E3%83%AD%E3%82%B3%E3%83%94%E3%83%BC%20%2B%20%E3%83%9C%E3%82%BF%E3%83%B3%20--%3E%0A%20%20%20%20%3Cdiv%20style%3D%22flex%3A1%3Bmin-width%3A260px%3B%22%3E%0A%20%20%20%20%20%20%3Cul%20style%3D%22list-style%3Anone%3Bpadding%3A0%3Bmargin%3A0%200%2012px%200%3Bfont-size%3A0.96rem%3Bline-height%3A1.8%3Bcolor%3A%23333%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Cli%20style%3D%22margin-bottom%3A8px%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fa-solid%20fa-check%22%20style%3D%22color%3A%2300b8f5%3Bmargin-right%3A10px%3B%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%20%20AS%2F400%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88%E7%B5%82%E4%BA%86%E3%81%AB%E4%BC%B4%E3%81%86%E3%83%AA%E3%82%B9%E3%82%AF%0A%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%3Cli%20style%3D%22margin-bottom%3A8px%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fa-solid%20fa-check%22%20style%3D%22color%3A%2300b8f5%3Bmargin-right%3A10px%3B%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%20%20ERP%E5%88%B7%E6%96%B0%E6%88%90%E5%8A%9F%E3%81%AB%E5%BF%85%E8%A6%81%E3%81%AA%E8%A6%B3%E7%82%B9%0A%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%3Cli%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fa-solid%20fa-check%22%20style%3D%22color%3A%2300b8f5%3Bmargin-right%3A10px%3B%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%20%20%20%20%E4%B8%BB%E8%A6%81ERP%E8%A3%BD%E5%93%81%E3%81%AE%E6%AF%94%E8%BC%83%E3%81%A8%E9%81%B8%E5%AE%9A%E6%8C%87%E9%87%9D%0A%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%3C%2Ful%3E%0A%0A%20%20%20%20%20%20%3Cp%20style%3D%22font-size%3A0.86rem%3Bcolor%3A%23444%3Bmargin%3A0%200%2012px%200%3B%22%3E%0A%20%20%20%20%20%20%20%20%E3%80%80%E3%80%80%E3%80%80%E3%80%80%E3%80%80%EF%BC%BC%20%E3%81%BE%E3%81%9A%E3%81%AF%E7%B0%A1%E5%8D%9830%E7%A7%92%EF%BC%81%20%EF%BC%8F%0A%20%20%20%20%20%20%3C%2Fp%3E%0A%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22wrapper%22%20style%3D%22margin-top%3A8px%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Ca%20href%3D%22https%3A%2F%2Fsap-consul.jp%2Frequest%2Fform1%22%20class%3D%22fancy-button%20bg-gradient1%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%3E%E7%84%A1%E6%96%99%E3%81%A7%E8%B3%87%E6%96%99%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2Fa%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%0A%3C!--%20%3D%3D%3D%20fancy-button%20%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%20%26%20Font%20Awesome%20%3D%3D%3D%20--%3E%0A%3Clink%20rel%3D%22stylesheet%22%20href%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Ffont-awesome%2F6.5.0%2Fcss%2Fall.min.css%22%3E%0A%0A%3Cstyle%3E%0A.wrapper%20%7B%20%0A%20%20margin%3A%200%3B%20%0A%20%20text-align%3A%20left%3B%20%0A%20%20transform-style%3A%20preserve-3d%3B%20%0A%20%20perspective%3A%20800px%3B%20%0A%7D%0A%0Aa%20%7B%20text-decoration%3A%20none%3B%20%7D%0Aa%3Ahover%2C%20a%3Afocus%2C%20a%3Aactive%20%7B%20text-decoration%3A%20none%3B%20%7D%0A%0A.bg-gradient1%20span%2C%0A.bg-gradient1%3Abefore%20%7B%0A%20%20background%3A%20linear-gradient(to%20right%2C%20%2352A0FD%200%25%2C%20%2300e2fa%2080%25%2C%20%2300e2fa%20100%25)%3B%0A%7D%0A%0A.fancy-button%20%7B%0A%20%20display%3A%20inline-block%3B%0A%20%20margin%3A%200%3B%0A%20%20font-family%3A%20'Montserrat'%2C%20Helvetica%2C%20Arial%2C%20sans-serif%3B%0A%20%20font-size%3A%2017px%3B%0A%20%20letter-spacing%3A%200.03em%3B%0A%20%20text-transform%3A%20uppercase%3B%0A%20%20color%3A%20%23ffffff%3B%0A%20%20position%3A%20relative%3B%0A%7D%0A%0A.fancy-button%3Abefore%20%7B%0A%20%20content%3A%20''%3B%0A%20%20display%3A%20inline-block%3B%0A%20%20height%3A%2040px%3B%0A%20%20position%3A%20absolute%3B%0A%20%20bottom%3A%20-5px%3B%0A%20%20left%3A%2030px%3B%0A%20%20right%3A%2030px%3B%0A%20%20z-index%3A%20-1%3B%0A%20%20border-radius%3A%2030em%3B%0A%20%20filter%3A%20blur(20px)%20brightness(0.95)%3B%0A%20%20transform-style%3A%20preserve-3d%3B%0A%20%20transition%3A%20all%200.3s%20ease-out%3B%0A%7D%0A%0A.fancy-button%20span%20%7B%0A%20%20display%3A%20inline-block%3B%0A%20%20padding%3A%2018px%2060px%3B%0A%20%20border-radius%3A%2050em%3B%0A%20%20position%3A%20relative%3B%0A%20%20z-index%3A%202%3B%0A%20%20transition%3A%20all%200.3s%20ease-out%3B%0A%7D%0A%0A.fancy-button%3Ahover%20span%20%7B%0A%20%20filter%3A%20brightness(1.05)%20contrast(1.05)%3B%0A%20%20transform%3A%20scale(0.95)%3B%0A%7D%0A%0A.fancy-button%3Ahover%3Abefore%20%7B%0A%20%20bottom%3A%200%3B%0A%20%20filter%3A%20blur(10px)%20brightness(0.95)%3B%0A%7D%0A%0A%40media%20(max-width%3A%20768px)%20%7B%0A%20%20.wrapper%20%7B%20%0A%20%20%20%20text-align%3A%20center%3B%20%0A%20%20%7D%0A%7D%0A%3C%2Fstyle%3E%0A