From 33085ff08c8fed84bbf152ef358b2b27b8cd6522 Mon Sep 17 00:00:00 2001
From: Keith Solomon <keith@vincentdesign.ca>
Date: Sun, 14 Jun 2026 11:34:55 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix:=20Update=20button=20styles?=
 =?UTF-8?q?=20and=20add=20home=20contact=20positioning?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/base/colors.css                       |  1 +
 styles/blocks/buttons.css                    |  6 +++---
 views/blocks/contact-block/contact-block.css |  7 +++++++
 views/blocks/contact-block/contact-block.php | 10 +---------
 4 files changed, 12 insertions(+), 12 deletions(-)

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 );
 		<?php endif; ?>
 
 		<?php if ( $button ) : ?>
-			<x-button
-				btnclasses="contact-block__cta button"
-				element="a"
-				url="<?php echo esc_url( $button['url'] ?? '#' ); ?>"
-				target="<?php echo esc_attr( $button['target'] ?? '_self' ); ?>"
-				title="<?php echo esc_attr( $button['title'] ?? '' ); ?>"
-				color="secondary"
-				variant="outline"
-			></x-button>
+            <a class="contact-block__cta button text-white!" href="<?php echo esc_url( $button['url'] ?? '#' ); ?>" title="<?php echo esc_attr( $button['title'] ?? '' ); ?>" aria-label="<?php echo esc_attr( $button['title'] ?? '' ); ?>" data-button-color="secondary" data-button-variant="outline"><?php echo esc_html( $button['title'] ); ?></a>
 		<?php endif; ?>
 	</div>
 </section>