🐞 fix: Update button styles and add home contact positioning

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%);
 }

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;
 }
 

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%);
+    }
 }

views/blocks/contact-block/contact-block.php

@@ -41,15 +41,7 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
 		<?php endif; ?>
 
 		<?php if ( $button ) : ?>
-			<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>
-				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>
 		<?php endif; ?>
 	</div>
 </section>