SAP FI（財務会計）モジュールの中でも、仕入先への支払業務を管理するAP（Accounts Payable；債務管理）は、企業の財務プロセスを効率化する重要なサブモジュールです。本記事では、APの基本的な役割や主要機能、支払伝票や補助元帳との連携方法、振込データの自動作成など、債務管理業務に欠かせないポイントを徹底解説します。SAP導入担当者や財務担当者、FIモジュールを学習中のコンサルタントが、業務理解とシステム活用を同時に深められる内容です。関連記事SAP CO（管理会計）モジュールとは？会計系代表モジュールの概要を徹底解説！%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/月カジュアル面談の応募を是非お待ちしています！FI モジュールの種類（G/L・AR・AP・AA） FIに限らずSAPのモジュールにはさらに分解したサブモジュールという概念があります。 SAPのモジュールはある程度小さなカテゴリごとに分けられてはいますが、それでも一つのシステムで担当するとなると範囲が広すぎる場合があります。そのようなモジュールは、モジュールよりも少し小さいカテゴリごとに分けられた「サブモジュール」から構成されています。 例えば、FIモジュールは財務会計一般を担っており、会計伝票の記帳・帳簿残高の管理、債権管理、債務管理、固定資産管理の４サブモジュールから構成されています。 債務 AP (Accounts Payable)APは仕入先ごとに債務残高の管理を行える機能を持っています。ARは「得意先ごと」でしたが、APは「仕入れ先」となります。また、「債権（請求できる権利）」ではなく「債務（支払う義務）」となりますので、混同しないよう注意が必要です。 APでは、債務管理、支払管理等の仕入を起点とした会計業務プロセスを管理します。具体的には、仕入れ先の会社ごとに債務の流れを管理して、補助元帳などに記載します。SAPでは統制勘定を用いて補助元帳に入力された情報を総勘定元帳に自動連携します。 FI-APの主な機能 トランザクション： 仕入先請求書の転記、取消転記、支払プログラム、支払保留、未消込明細消込、外貨建債権の期末評価、源泉税転記、等 レポート： 仕入先一覧、仕入先残高照会、期日超過債務、仕入先明細レポート、等 APにおける最大の特長は、支払のために銀行に送信する振込データを自動作成できる点にあります。具体的には、入金が必要な仕入れデータを抽出し、それらの債務（買掛金など）消込を実施した上で、振込データを作成します。かつては、支払金額の集計、消込、振込データ作成を手作業で行っており、膨大な工数がかかっていました。これを自動化することで、サプライヤとの取引スピード・効率を大幅に向上させることができます。 また、報酬にかかる源泉徴収税の転記や外貨建債務の評価のための標準プログラムが用意されており、決算時の手間を省くこともできます。 告知【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