body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


html {
    scroll-behavior: smooth;
}

/*Header*/
header {
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.wp-block-site-logo img {
  transition: width 0.3s ease;
}

header.sticky .wp-block-site-logo img {
  width: 150px; /* down from 220px, adjust to taste */
  height: auto;
}

@media screen and (max-width: 1024px) {
    .header-logo img {
        width: 50%;
    }
}

/*Accordion*/
.wp-block-yoast-faq-block {
    display: flex;
    flex-direction: column;
}

.wp-block-yoast-faq-block .schema-faq-section {
    background-color: white;
    border-top: 1px solid #deded8;
    overflow: hidden;
    padding: 0;
}

.wp-block-yoast-faq-block .schema-faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 21px 0;
    cursor: pointer;
    user-select: none;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.4;
}

.wp-block-yoast-faq-block .faq-toggle {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    flex-shrink: 0;
}

.wp-block-yoast-faq-block .faq-toggle::before,
.wp-block-yoast-faq-block .faq-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #222222;
    transition:
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.3s ease;
}

.wp-block-yoast-faq-block .faq-toggle::before {
    width: 12px;
    height: 1.6px;
    transform: translate(-50%, -50%);
}

.wp-block-yoast-faq-block .faq-toggle::after {
    width: 1.6px;
    height: 12px;
    transform: translate(-50%, -50%);
}

.wp-block-yoast-faq-block .schema-faq-section.open .faq-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}

.wp-block-yoast-faq-block .schema-faq-answer-wrap {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.wp-block-yoast-faq-block .schema-faq-section.open .schema-faq-answer-wrap {
    max-height: 400px;
}

.wp-block-yoast-faq-block .schema-faq-answer {
    padding: 0 28px 26px 0;
    margin: 0;
}

@media (max-width: 700px) {
    .wp-block-yoast-faq-block .schema-faq-question {
        padding: 20px 22px;
        font-size: 1rem;
    }

    .wp-block-yoast-faq-block .schema-faq-answer {
        padding: 0 22px 22px 22px;
    }
}

/* ========================================
   Base fade animations
======================================== */

.fade,
.fade-up,
.fade-left,
.fade-scale {
  opacity: 0;

  transition:
    opacity 0.6s ease var(--fade-delay, 0s),
    transform 0.6s ease var(--fade-delay, 0s);
}

/* Simple fade */
.fade {
  transform: none;
}

/* Fade upward */
.fade-up {
  transform: translateY(20px);
}

/* Fade from left */
.fade-left {
  transform: translateX(-20px);
}

/* Fade + scale */
.fade-scale {
  transform: scale(0.96);
}

/* Visible state */
.fade.is-visible,
.fade-up.is-visible,
.fade-left.is-visible,
.fade-scale.is-visible {
  opacity: 1;
  transform: none;
}


/* ========================================
   Heading animation
======================================== */

.fade-heading {
  opacity: 0;
  transform: translateY(15px);
  filter: blur(6px);

  transition:
    opacity 0.7s ease var(--fade-delay, 0s),
    transform 0.7s ease var(--fade-delay, 0s),
    filter 0.7s ease var(--fade-delay, 0s);
}

.fade-heading.is-visible {
  opacity: 1;
  transform: none;
  filter: blur(0);
}


/* ========================================
   Manual delay modifiers
======================================== */

.delay-1 {
  --fade-delay: 0.15s;
}

.delay-2 {
  --fade-delay: 0.3s;
}

.delay-3 {
  --fade-delay: 0.45s;
}

.delay-4 {
  --fade-delay: 0.6s;
}


/* ========================================
   Reduced motion accessibility
======================================== */

@media (prefers-reduced-motion: reduce) {
  .fade,
  .fade-up,
  .fade-left,
  .fade-scale,
  .fade-heading {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}

/* =========================================================
   Utility Classes
   ========================================================= */

:root {
    /* Spacing scale */
    --space-0: 0;
    --space-1: 0.25rem; /* 4px */
    --space-2: 0.5rem; /* 8px */
    --space-3: 0.75rem; /* 12px */
    --space-4: 1rem; /* 16px */
    --space-5: 1.25rem; /* 20px */
    --space-6: 1.5rem; /* 24px */
    --space-8: 2rem; /* 32px */
    --space-10: 2.5rem; /* 40px */
    --space-12: 3rem; /* 48px */
    --space-16: 4rem; /* 64px */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: clamp(1.5rem, 2vw, 1.875rem);
    --text-4xl: clamp(1.875rem, 3vw, 2.25rem);
    --text-5xl: clamp(2.25rem, 4vw, 3rem);
    --text-6xl: clamp(2.75rem, 5vw, 3.75rem);
}

@media screen and (max-width: 1024px) {
    /* =========================================================
   Font Size
   ========================================================= */

    .text-xs {
        font-size: var(--text-xs) !important;
    }
    .text-sm {
        font-size: var(--text-sm) !important;
    }
    .text-base {
        font-size: var(--text-base) !important;
    }
    .text-lg {
        font-size: var(--text-lg) !important;
    }
    .text-xl {
        font-size: var(--text-xl) !important;
    }
    .text-2xl {
        font-size: var(--text-2xl) !important;
    }
    .text-3xl {
        font-size: var(--text-3xl) !important;
    }
    .text-4xl {
        font-size: var(--text-4xl) !important;
    }
    .text-5xl {
        font-size: var(--text-5xl) !important;
    }
    .text-6xl {
        font-size: var(--text-6xl) !important;
    }

    .text-3xl {
        font-size: clamp(1.5rem, 2vw, 1.875rem) !important;
    }

    .text-4xl {
        font-size: clamp(1.875rem, 3vw, 2.25rem) !important;
    }

    .text-5xl {
        font-size: clamp(2.25rem, 4vw, 3rem) !important;
    }

    .text-6xl {
        font-size: clamp(2.75rem, 5vw, 3.75rem) !important;
    }
    
    
    h1 { font-size: clamp(2.75rem, 5vw, 3.75rem) !important; }
    h2 { font-size: clamp(1.875rem, 3vw, 2.25rem) !important; }
    h3 { font-size: clamp(1.5rem, 2vw, 1.875rem) !important; }
    h4 { font-size: clamp(1.25rem, 1.75vw, 1.5rem) !important; }
    h5 { font-size: clamp(1.125rem, 1.5vw, 1.25rem) !important; }
    h6 { font-size: clamp(1rem, 1.25vw, 1.125rem) !important; }


    /* =========================================================
   Border Radius
   ========================================================= */

    .rounded-tl-20 {
        border-top-left-radius: 20px;
    }
    .rounded-tr-20 {
        border-top-right-radius: 20px;
    }
    .rounded-bl-20 {
        border-bottom-left-radius: 20px;
    }
    .rounded-br-20 {
        border-bottom-right-radius: 20px;
    }

    /* =========================================================
   Padding
   ========================================================= */

    .p-0 {
        padding: var(--space-0) !important;
    }
    .p-1 {
        padding: var(--space-1) !important;
    }
    .p-2 {
        padding: var(--space-2) !important;
    }
    .p-3 {
        padding: var(--space-3) !important;
    }
    .p-4 {
        padding: var(--space-4) !important;
    }
    .p-5 {
        padding: var(--space-5) !important;
    }
    .p-6 {
        padding: var(--space-6) !important;
    }
    .p-8 {
        padding: var(--space-8) !important;
    }
    .p-10 {
        padding: var(--space-10) !important;
    }
    .p-12 {
        padding: var(--space-12) !important;
    }
    .p-16 {
        padding: var(--space-16) !important;
    }

    /* Padding X */

    .px-0 {
        padding-left: var(--space-0) !important;
        padding-right: var(--space-0) !important;
    }
    .px-1 {
        padding-left: var(--space-1) !important;
        padding-right: var(--space-1) !important;
    }
    .px-2 {
        padding-left: var(--space-2) !important;
        padding-right: var(--space-2) !important;
    }
    .px-3 {
        padding-left: var(--space-3) !important;
        padding-right: var(--space-3) !important;
    }
    .px-4 {
        padding-left: var(--space-4) !important;
        padding-right: var(--space-4) !important;
    }
    .px-5 {
        padding-left: var(--space-5) !important;
        padding-right: var(--space-5) !important;
    }
    .px-6 {
        padding-left: var(--space-6) !important;
        padding-right: var(--space-6) !important;
    }
    .px-8 {
        padding-left: var(--space-8) !important;
        padding-right: var(--space-8) !important;
    }
    .px-10 {
        padding-left: var(--space-10) !important;
        padding-right: var(--space-10) !important;
    }
    .px-12 {
        padding-left: var(--space-12) !important;
        padding-right: var(--space-12) !important;
    }
    .px-16 {
        padding-left: var(--space-16) !important;
        padding-right: var(--space-16) !important;
    }

    /* Padding Y */

    .py-0 {
        padding-top: var(--space-0) !important;
        padding-bottom: var(--space-0) !important;
    }
    .py-1 {
        padding-top: var(--space-1) !important;
        padding-bottom: var(--space-1) !important;
    }
    .py-2 {
        padding-top: var(--space-2) !important;
        padding-bottom: var(--space-2) !important;
    }
    .py-3 {
        padding-top: var(--space-3) !important;
        padding-bottom: var(--space-3) !important;
    }
    .py-4 {
        padding-top: var(--space-4) !important;
        padding-bottom: var(--space-4) !important;
    }
    .py-5 {
        padding-top: var(--space-5) !important;
        padding-bottom: var(--space-5) !important;
    }
    .py-6 {
        padding-top: var(--space-6) !important;
        padding-bottom: var(--space-6) !important;
    }
    .py-8 {
        padding-top: var(--space-8) !important;
        padding-bottom: var(--space-8) !important;
    }
    .py-10 {
        padding-top: var(--space-10) !important;
        padding-bottom: var(--space-10) !important;
    }
    .py-12 {
        padding-top: var(--space-12) !important;
        padding-bottom: var(--space-12) !important;
    }
    .py-16 {
        padding-top: var(--space-16) !important;
        padding-bottom: var(--space-16) !important;
    }

    /* Padding Top */

    .pt-0 {
        padding-top: var(--space-0) !important;
    }
    .pt-1 {
        padding-top: var(--space-1) !important;
    }
    .pt-2 {
        padding-top: var(--space-2) !important;
    }
    .pt-3 {
        padding-top: var(--space-3) !important;
    }
    .pt-4 {
        padding-top: var(--space-4) !important;
    }
    .pt-5 {
        padding-top: var(--space-5) !important;
    }
    .pt-6 {
        padding-top: var(--space-6) !important;
    }
    .pt-8 {
        padding-top: var(--space-8) !important;
    }
    .pt-10 {
        padding-top: var(--space-10) !important;
    }
    .pt-12 {
        padding-top: var(--space-12) !important;
    }
    .pt-16 {
        padding-top: var(--space-16) !important;
    }

    /* Padding Right */

    .pr-0 {
        padding-right: var(--space-0) !important;
    }
    .pr-1 {
        padding-right: var(--space-1) !important;
    }
    .pr-2 {
        padding-right: var(--space-2) !important;
    }
    .pr-3 {
        padding-right: var(--space-3) !important;
    }
    .pr-4 {
        padding-right: var(--space-4) !important;
    }
    .pr-5 {
        padding-right: var(--space-5) !important;
    }
    .pr-6 {
        padding-right: var(--space-6) !important;
    }
    .pr-8 {
        padding-right: var(--space-8) !important;
    }
    .pr-10 {
        padding-right: var(--space-10) !important;
    }
    .pr-12 {
        padding-right: var(--space-12) !important;
    }
    .pr-16 {
        padding-right: var(--space-16) !important;
    }

    /* Padding Bottom */

    .pb-0 {
        padding-bottom: var(--space-0) !important;
    }
    .pb-1 {
        padding-bottom: var(--space-1) !important;
    }
    .pb-2 {
        padding-bottom: var(--space-2) !important;
    }
    .pb-3 {
        padding-bottom: var(--space-3) !important;
    }
    .pb-4 {
        padding-bottom: var(--space-4) !important;
    }
    .pb-5 {
        padding-bottom: var(--space-5) !important;
    }
    .pb-6 {
        padding-bottom: var(--space-6) !important;
    }
    .pb-8 {
        padding-bottom: var(--space-8) !important;
    }
    .pb-10 {
        padding-bottom: var(--space-10) !important;
    }
    .pb-12 {
        padding-bottom: var(--space-12) !important;
    }
    .pb-16 {
        padding-bottom: var(--space-16) !important;
    }

    /* Padding Left */

    .pl-0 {
        padding-left: var(--space-0) !important;
    }
    .pl-1 {
        padding-left: var(--space-1) !important;
    }
    .pl-2 {
        padding-left: var(--space-2) !important;
    }
    .pl-3 {
        padding-left: var(--space-3) !important;
    }
    .pl-4 {
        padding-left: var(--space-4) !important;
    }
    .pl-5 {
        padding-left: var(--space-5) !important;
    }
    .pl-6 {
        padding-left: var(--space-6) !important;
    }
    .pl-8 {
        padding-left: var(--space-8) !important;
    }
    .pl-10 {
        padding-left: var(--space-10) !important;
    }
    .pl-12 {
        padding-left: var(--space-12) !important;
    }
    .pl-16 {
        padding-left: var(--space-16) !important;
    }

    /* =========================================================
   Margin
   ========================================================= */

    .m-0 {
        margin: var(--space-0) !important;
    }
    .m-1 {
        margin: var(--space-1) !important;
    }
    .m-2 {
        margin: var(--space-2) !important;
    }
    .m-3 {
        margin: var(--space-3) !important;
    }
    .m-4 {
        margin: var(--space-4) !important;
    }
    .m-5 {
        margin: var(--space-5) !important;
    }
    .m-6 {
        margin: var(--space-6) !important;
    }
    .m-8 {
        margin: var(--space-8) !important;
    }
    .m-10 {
        margin: var(--space-10) !important;
    }
    .m-12 {
        margin: var(--space-12) !important;
    }
    .m-16 {
        margin: var(--space-16) !important;
    }

    /* Margin X */
    .mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .mx-0 {
        margin-left: var(--space-0) !important;
        margin-right: var(--space-0) !important;
    }
    .mx-1 {
        margin-left: var(--space-1) !important;
        margin-right: var(--space-1) !important;
    }
    .mx-2 {
        margin-left: var(--space-2) !important;
        margin-right: var(--space-2) !important;
    }
    .mx-3 {
        margin-left: var(--space-3) !important;
        margin-right: var(--space-3) !important;
    }
    .mx-4 {
        margin-left: var(--space-4) !important;
        margin-right: var(--space-4) !important;
    }
    .mx-5 {
        margin-left: var(--space-5) !important;
        margin-right: var(--space-5) !important;
    }
    .mx-6 {
        margin-left: var(--space-6) !important;
        margin-right: var(--space-6) !important;
    }
    .mx-8 {
        margin-left: var(--space-8) !important;
        margin-right: var(--space-8) !important;
    }
    .mx-10 {
        margin-left: var(--space-10) !important;
        margin-right: var(--space-10) !important;
    }
    .mx-12 {
        margin-left: var(--space-12) !important;
        margin-right: var(--space-12) !important;
    }
    .mx-16 {
        margin-left: var(--space-16) !important;
        margin-right: var(--space-16) !important;
    }

    /* Margin Y */

    .my-0 {
        margin-top: var(--space-0) !important;
        margin-bottom: var(--space-0) !important;
    }
    .my-1 {
        margin-top: var(--space-1) !important;
        margin-bottom: var(--space-1) !important;
    }
    .my-2 {
        margin-top: var(--space-2) !important;
        margin-bottom: var(--space-2) !important;
    }
    .my-3 {
        margin-top: var(--space-3) !important;
        margin-bottom: var(--space-3) !important;
    }
    .my-4 {
        margin-top: var(--space-4) !important;
        margin-bottom: var(--space-4) !important;
    }
    .my-5 {
        margin-top: var(--space-5) !important;
        margin-bottom: var(--space-5) !important;
    }
    .my-6 {
        margin-top: var(--space-6) !important;
        margin-bottom: var(--space-6) !important;
    }
    .my-8 {
        margin-top: var(--space-8) !important;
        margin-bottom: var(--space-8) !important;
    }
    .my-10 {
        margin-top: var(--space-10) !important;
        margin-bottom: var(--space-10) !important;
    }
    .my-12 {
        margin-top: var(--space-12) !important;
        margin-bottom: var(--space-12) !important;
    }
    .my-16 {
        margin-top: var(--space-16) !important;
        margin-bottom: var(--space-16) !important;
    }

    /* Margin Top */

    .mt-0 {
        margin-top: var(--space-0) !important;
    }
    .mt-1 {
        margin-top: var(--space-1) !important;
    }
    .mt-2 {
        margin-top: var(--space-2) !important;
    }
    .mt-3 {
        margin-top: var(--space-3) !important;
    }
    .mt-4 {
        margin-top: var(--space-4) !important;
    }
    .mt-5 {
        margin-top: var(--space-5) !important;
    }
    .mt-6 {
        margin-top: var(--space-6) !important;
    }
    .mt-8 {
        margin-top: var(--space-8) !important;
    }
    .mt-10 {
        margin-top: var(--space-10) !important;
    }
    .mt-12 {
        margin-top: var(--space-12) !important;
    }
    .mt-16 {
        margin-top: var(--space-16) !important;
    }

    /* Margin Right */

    .mr-0 {
        margin-right: var(--space-0) !important;
    }
    .mr-1 {
        margin-right: var(--space-1) !important;
    }
    .mr-2 {
        margin-right: var(--space-2) !important;
    }
    .mr-3 {
        margin-right: var(--space-3) !important;
    }
    .mr-4 {
        margin-right: var(--space-4) !important;
    }
    .mr-5 {
        margin-right: var(--space-5) !important;
    }
    .mr-6 {
        margin-right: var(--space-6) !important;
    }
    .mr-8 {
        margin-right: var(--space-8) !important;
    }
    .mr-10 {
        margin-right: var(--space-10) !important;
    }
    .mr-12 {
        margin-right: var(--space-12) !important;
    }
    .mr-16 {
        margin-right: var(--space-16) !important;
    }

    /* Margin Bottom */

    .mb-0 {
        margin-bottom: var(--space-0) !important;
    }
    .mb-1 {
        margin-bottom: var(--space-1) !important;
    }
    .mb-2 {
        margin-bottom: var(--space-2) !important;
    }
    .mb-3 {
        margin-bottom: var(--space-3) !important;
    }
    .mb-4 {
        margin-bottom: var(--space-4) !important;
    }
    .mb-5 {
        margin-bottom: var(--space-5) !important;
    }
    .mb-6 {
        margin-bottom: var(--space-6) !important;
    }
    .mb-8 {
        margin-bottom: var(--space-8) !important;
    }
    .mb-10 {
        margin-bottom: var(--space-10) !important;
    }
    .mb-12 {
        margin-bottom: var(--space-12) !important;
    }
    .mb-16 {
        margin-bottom: var(--space-16) !important;
    }

    /* Margin Left */

    .ml-0 {
        margin-left: var(--space-0) !important;
    }
    .ml-1 {
        margin-left: var(--space-1) !important;
    }
    .ml-2 {
        margin-left: var(--space-2) !important;
    }
    .ml-3 {
        margin-left: var(--space-3) !important;
    }
    .ml-4 {
        margin-left: var(--space-4) !important;
    }
    .ml-5 {
        margin-left: var(--space-5) !important;
    }
    .ml-6 {
        margin-left: var(--space-6) !important;
    }
    .ml-8 {
        margin-left: var(--space-8) !important;
    }
    .ml-10 {
        margin-left: var(--space-10) !important;
    }
    .ml-12 {
        margin-left: var(--space-12) !important;
    }
    .ml-16 {
        margin-left: var(--space-16) !important;
    }

    /* =========================================================
   Min Height
   ========================================================= */

    .min-h-0 {
        min-height: 0 !important;
    }
    .min-h-10 {
        min-height: 10vh !important;
    }
    .min-h-20 {
        min-height: 20vh !important;
    }
    .min-h-30 {
        min-height: 30vh !important;
    }
    .min-h-40 {
        min-height: 40vh !important;
    }
    .min-h-50 {
        min-height: 50vh !important;
    }
    .min-h-60 {
        min-height: 60vh !important;
    }
    .min-h-70 {
        min-height: 70vh !important;
    }
    .min-h-80 {
        min-height: 80vh !important;
    }
    .min-h-90 {
        min-height: 90vh !important;
    }
    .min-h-full {
        min-height: 100% !important;
    }
    .min-h-screen {
        min-height: 100vh !important;
    }

    /* =========================================================
 Max Height
 ========================================================= */
    .max-h-0 {
        max-height: 0 !important;
    }
    .max-h-1 {
        max-height: 1vh !important;
    }
    .max-h-2 {
        max-height: 2vh !important;
    }
    .max-h-3 {
        max-height: 3vh !important;
    }
    .max-h-4 {
        max-height: 4vh !important;
    }
    .max-h-5 {
        max-height: 5vh !important;
    }

    .swap-mobile .wp-block-column:first-child {
        order: 2;
    }
    .swap-mobile .wp-block-column:last-child {
        order: 1;
    }
}

/*Forms*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea,
select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid rgba(31, 24, 50, 0.12);
    border-radius: 10px;
    font-size: 14.5px;
    color: #1f1832;
    background: #fbf5ec;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
    font-family: Inter, sans-serif;
}

.checkbox-item {
    padding: 16px;
    background: #f4ecdd;
    border-radius: 14px;
    border: 1px solid rgba(31, 24, 50, 0.12);
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
}

span.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-direction: column;
}

p > label {
    font-size: 13px;
    font-weight: 600;
    color: #3a3250;
}

.wpcf7-list-item label {
    font-size: initial;
    font-weight: initial;
    color: initial;
    margin-bottom: initial;
}

.wpcf7-form-control-wrap[data-name="consent"] .wpcf7-list-item-label {
    font-size: 13px;
    font-weight: 400;
    vertical-align: middle;
}

.wpcf7-form-control-wrap[data-name="consent"] input[type="checkbox"] {
    vertical-align: middle;
    margin-top: 0;
}

input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    background: #f4c25e;
    color: #1f1832;
    font-weight: 700;
    font-size: 15px;
    padding: 16px;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease;
}

/*Borders*/
.br-1 {
    border-right: 1px solid #deded8;
}

/*Pills*/
ul.wp-block-list.pills {
    list-style: none;
    padding-left: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 25px 0 30px;
}

ul.wp-block-list.pills li {
    font-size: 14px;
    border: 1px solid #ffffff;
    border-radius: 20px;
    padding: 5px 10px;
}

.wp-block-separator {
    border-top: 1px solid;
}


.wp-block-button:not(.no-arrow) > .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
}

.wp-block-button:not(.no-arrow) > .wp-block-button__link::after {
    content: "→";
    display: inline-block;
    vertical-align: -0.05em;
    transition: transform 0.2s ease;
}

.wp-block-button:not(.no-arrow) > .wp-block-button__link:hover::after {
    transform: translateX(4px);
}