Update button style for new brand

content/releases/prestashop81.md

@@ -93,7 +93,11 @@ downloadUrl: https://github.com/PrestaShop/PrestaShop/releases/tag/8.1.0
     <div class="hero-banner" style="background-image: url('/releases/images/ps81/banner.png');">
         <div class="hero-text">
             <p>PrestaShop 8.1. Minor version. Major changes.</p>
-            <a href="https://github.com/PrestaShop/PrestaShop/releases/tag/8.1.0" class="btn btn-primary btn-lg">Download Now</a>
+            <a href="https://github.com/PrestaShop/PrestaShop/releases/tag/8.1.0" class="cta cta--pattern">
+                <span class="mb-0">
+                    Download Now
+                </span>
+            </a>
         </div>
     </div>
     <div class="row">
@@ -472,14 +476,26 @@ services:
                         <div class="col-md-12">
                             <h2 class="section-title">New product page</h2>
                             <p>The completely redesigned product page in PrestaShop 8.1 may require migration for some existing solutions. To ensure a smooth transition, we've crafted a comprehensive guide detailing how to migrate your solutions from the old page to the new one introduced in PrestaShop 8.1. </p>
-                            <p><a href="https://devdocs.prestashop-project.org/8/modules/sample-modules/extend-product-page/" class="btn btn-primary">Check the guide</a></p>
+                            <p>
+                                <a href="https://devdocs.prestashop-project.org/8/modules/sample-modules/extend-product-page/" class="cta cta-dark cta--pattern">
+                                    <span class="mb-0">
+                                        Check the guide
+                                    </span>
+                                </a>
+                            </p>
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-md-12">
                             <h2 class="section-title">Notable changes</h2>
                             <p>As with every big release, this version includes new Hooks and many other modifications aimed to improve the developer’s experience with PrestaShop. A <a href="https://devdocs.prestashop-project.org/8/modules/core-updates/8.1/">new page in the developer documentation is available</a> informing about all notable changes in PrestaShop 8.1.</p>
-                            <p><a href="https://devdocs.prestashop-project.org/8/modules/core-updates/8.1/" class="btn btn-primary">Check the notable changes</a></p>
+                            <p>
+                                <a href="https://devdocs.prestashop-project.org/8/modules/core-updates/8.1/" class="cta cta-dark cta--pattern">
+                                    <span class="mb-0">
+                                        Check the notable changes
+                                    </span>
+                                </a>
+                            </p>
                         </div>
                     </div>
                 </div>

content/security/bug-bounty.md

@@ -10,7 +10,7 @@ A bug bounty for security flaws is hosted on YesWeHack platform.
 The program is currently paused. Please report security issues to [email protected] instead.
 {{% /notice %}}
 
-<a class="btn btn-warning" style="margin: 2rem auto" href="https://yeswehack.com/programs/prestashop">Visit the Bug Bounty page</a>
+<a class="cta cta-dark cta--pattern" href="https://yeswehack.com/programs/prestashop"><span class="mb-0">Visit the Bug Bounty page</span></a>
 {.text-center}
 
 This bounty program covers code from the GitHub repository PrestaShop/PrestaShop and all PrestaShop modules defined in the composer.json file.

content/slack/_index.md

@@ -14,7 +14,7 @@ aliases:
 
 The project's Slack chat is open to anyone who wants to discuss, help and contribute to the PrestaShop open source project. If you are an active contributor, or want to become one, this is definitely the place to be!
 
-<a class="btn btn-primary" style="margin: 2rem auto" href="https://join.slack.com/t/prestashop/shared_invite/zt-1xe2sd7he-zTJheIinZkujzrox68_X2g">Request an invitation for PrestaShop's Slack chat</a>
+<a class="cta cta-dark cta--pattern" style="margin: 2rem auto" href="https://join.slack.com/t/prestashop/shared_invite/zt-1xe2sd7he-zTJheIinZkujzrox68_X2g"><span class="mb-0">Request an invitation for PrestaShop's Slack chat</span></a>
 {.text-center}
 
 ## Ground rules & good practices