diff --git a/styles/base/colors.css b/styles/base/colors.css index c861bdb..bd18612 100644 --- a/styles/base/colors.css +++ b/styles/base/colors.css @@ -48,4 +48,5 @@ /* Gradients */ --background-image-gradient-1: linear-gradient(180deg, rgba(242, 107, 83, 0) 39.55%, rgba(242, 107, 83, 0.2) 100%); + --background-image-button-gradient: linear-gradient(93.03deg, #F26B53 0%, #D24D32 100%); } diff --git a/styles/blocks/buttons.css b/styles/blocks/buttons.css index e3fe06f..9b9f254 100644 --- a/styles/blocks/buttons.css +++ b/styles/blocks/buttons.css @@ -18,14 +18,14 @@ * --button-outline-color (fallback is --button-border-color) */ - --button-bg: var(--color-primary); + --button-bg: var(--background-image-button-gradient); --button-color: var(--color-white); --button-hover-bg: var(--color-info); --button-hover-border-color: var(--button-bg); --button-hover-color: var(--color-white); - --button-border-width: 3px; + --button-border-width: 2px; --button-border-style: solid; - --button-border-color: var(--button-bg); + --button-border-color: var(--color-secondary); --button-radius: 1.25rem 0.25rem; } diff --git a/views/blocks/contact-block/contact-block.css b/views/blocks/contact-block/contact-block.css index a8c7ad9..2be4c68 100644 --- a/views/blocks/contact-block/contact-block.css +++ b/views/blocks/contact-block/contact-block.css @@ -33,4 +33,11 @@ .contact-block__content { } + + &.home-contact { + bottom: -25%; + left: 50%; + position: absolute; + transform: translateX(-50%); + } } diff --git a/views/blocks/contact-block/contact-block.php b/views/blocks/contact-block/contact-block.php index bd32083..0247144 100644 --- a/views/blocks/contact-block/contact-block.php +++ b/views/blocks/contact-block/contact-block.php @@ -41,15 +41,7 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview ); - +