UPLOAD Asset

resources/css/blocks/content-card.css

@@ -8,6 +8,11 @@
     @apply nunito;
     letter-spacing: 0.05em;
   }
+
+  &--has-border {
+    border: 1px solid var(--wp--preset--color--primary);
+    padding: 2rem;
+  }
 }
 
 .card-grid {

resources/css/blocks/wp-block-buttons.css

@@ -41,9 +41,26 @@
 }
 .wp-block-buttons {
   @apply !max-w-screen-lg;
+
+  .wp-block-button a {
+    @apply rounded-full border;
+  }
 }
 
 .wp-block-buttons.alignwide,
 .wp-block-buttons.alignfull {
   @apply max-w-none;
 }
+
+.wp-block-button.email-button a {
+  @apply flex  justify-between gap-2 items-center;
+  &:before {
+    @apply content-[''] block w-5 h-4 bg-no-repeat;
+
+    transition: transform 0.3s ease-out;
+    background-image: url('../resources/img/icons/carhop-mail-green.svg');
+    background-size: contain;
+    background-position: center;
+    /* background-color: red; */
+  }
+}

resources/img/icons/carhop-mail-green.svg

@@ -0,0 +1,11 @@
+<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3447_15738)">
+<path d="M19.4609 0.529297H0.539062V15.4707H19.4609V0.529297Z" stroke="#136F63" stroke-width="2"/>
+<path d="M0.539062 0.529297L9.99998 8.53724L19.4609 0.529297" stroke="#136F63" stroke-width="2"/>
+</g>
+<defs>
+<clipPath id="clip0_3447_15738">
+<rect width="20" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>