From 77127552b271de09db8364f4fb2dca04fa82a238 Mon Sep 17 00:00:00 2001
From: Iryna Lagno <ilagno@adobe.com>
Date: Thu, 8 Jun 2023 12:05:26 -0500
Subject: [PATCH] Full width hero (#141)

* - full-width support for hero

* - add additional styles to render specific button background

* - add additional styles to render specific button background
---
 blocks/hero/hero.css |  4 ++++
 styles/styles.css    | 13 +++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/blocks/hero/hero.css b/blocks/hero/hero.css
index 0c510999..1cb6b926 100644
--- a/blocks/hero/hero.css
+++ b/blocks/hero/hero.css
@@ -13,6 +13,10 @@ main .section.hero-container {
   align-items: center;
 }
 
+main .section.full-width > .hero-wrapper {
+  max-width: var(--full-page-width);
+}
+
 .hero.block.under-nav {
   margin-top: calc(var(--nav-height) * -1);
   background: linear-gradient(180deg, rgba(0 0 0 / 50%) 0, rgba(0 0 0 / 50%) 50px, transparent 100px, transparent 100%);
diff --git a/styles/styles.css b/styles/styles.css
index ab26a813..42ddf6b3 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -337,6 +337,18 @@ main .section .default-content-wrapper h4 {
   cursor: pointer;
 }
 
+main .section.button-primary-color .button-container a {
+  background-color: var(--primary-color);
+  color: var(--white);
+}
+
+main .section.button-primary-color .button-container a:hover {
+  background-color: var(--white);
+  border: 1px solid var(--grey);
+  color: var(--black);
+  box-shadow: none;
+}
+
 .text-up {
   text-transform: uppercase;
 }
@@ -380,6 +392,7 @@ main .section .default-content-wrapper h4 {
   text-align: center;
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
 .modal .modal-content a {
   display: inline-block;
   margin-top: 1em;