企業の販売・出荷・請求などの業務を一元的に管理する「SAP SD（販売管理）モジュール」は、SAP導入時に中核を担う重要な機能です。SDを導入することで、受注から請求までの販売プロセスを自動化・効率化し、リアルタイムで在庫・出荷・売上データを把握することが可能になります。本記事では、SAP SDの基本構造や他モジュールとの関係、導入によって得られる主なメリットをわかりやすく解説。SAPの導入を検討している企業担当者の方が、「販売管理領域でSAPをどう活用できるか」を理解できる内容になっています。【SAPコンサルタント募集】 年収800万~2500万 平均残業時間 4.1h/月カジュアル面談の応募を是非お待ちしています！%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%0A1. SAP におけるSDの位置づけまずは、SDの全体像を掴めるようにしましょう。SAPモジュールは会計系、ロジ系、人事系の３つに大きく区分することができますが、SD（Sales and Distribution)はロジ系モジュール（販売、在庫管理、生産）の一つです。ロジ系モジュールは次の３つのモジュールで構成されており、それぞれが企業の異なる事業領域をサポートしています。①購買・在庫管理MM（Material Management）②販売管理SD（Sales and Distribution）③生産管理PP（Production Planning and Control）次にSDの概要を説明します。2. SD概要SDは企業の営業プロセスを包括的に管理し、企業が収益を最大化するために重用な機能を提供します。一般的な営業プロセスは顧客から注文を受ける「受注」、受注された商品の在庫を確認し、配送する「出荷」、出荷が完了した商品を顧客に請求する「請求」の大きく３分野で構成されています。一般的な営業プロセス：「受注」→「出荷」→「請求」SDはこの受注から請求までの一連のプロセスを一貫して管理することで、企業は効率的な販売活動を行うことができます。また、他のSAPモジュールとも統合することで企業全体の情報を一元管理することも可能です。例えば、生産計画機能を持つ生産管理PPモジュールと統合します。SDで受注が行われると商品の生産計画が調整されます。これにより企業は需要に対して適切な生産をすることができます。3. SD導入の目的SDを導入する主な目的は、企業の営業プロセスを効率的に統合・管理し、事業運営を最適化することです。SDは受注から請求までの一連のプロセスを自動化し、リアルタイムで各データを管理します。これにより導入する企業に次のようなメリットをもたらします。1：業務効率化SDによる販売取引や請求処理を自動化により、手動でのデータ入力作業、処理の誤りや遅延が減少が期待されます。これにより業務効率向上が可能です。2：最適な在庫管理SDは在庫データをリアルタイムで追跡し、管理する機能を提供します。正確な在庫情報に基づいて、需要予測や適切な補充を行うことができ、在庫の過不足を解消します。3：顧客サービスの品質向上リアルタイムでの在庫情報や出荷ステータスの管理により、顧客に情報を迅速に提供することが可能です。以上のようにSD導入により、企業は販売をプロセスを効率化することが可能です。告知【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