/* Authority-inspired Gutenberg front-end styles
---------------------------------------------------------------------------- */

/* Typography
---------------------------------------------------------------------------- */

.site-container p.has-drop-cap:not(:focus)::first-letter {
    font-size: 7.5em;
    margin: 0.16em 0.08em 0 -0.035em;
}

.authority-text-align {
    text-align: center;
}

@media (min-width: 768px) {
    .authority-text-align {
        text-align: left;
    }
}

@media (min-width: 992px) {
    .bold-heading-text {
        font-size: 42px;
    }
}

@media (min-width: 1199px) {
    .bold-heading-text {
        font-size: 52px;
        margin-left: 0;
        margin-bottom: 35px;
        margin-top: 60px;
    }

    .block-content-indent,
    .wp-block-buttons .block-content-indent {
        margin-left: 35px;
    }
}

/* Full-width Group Paragraph Gutters
---------------------------------------------------------------------------- */

.entry-content > .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
    padding-left: 30px;
    padding-right: 30px;
}

/* Background Color
---------------------------------------------------------------------------- */

.site-container p.has-background {
    padding: 25px 30px;
}

.site-container p.has-text-color a,
.site-container p.has-background a {
    color: inherit;
}

.site-container p.has-text-color a:focus,
.site-container p.has-background a:focus,
.site-container p.has-text-color a:hover,
.site-container p.has-background a:hover {
    color: inherit;
}

/* Alignment
---------------------------------------------------------------------------- */

.wp-block-button.alignleft,
.wp-block-buttons.alignleft,
.wp-block-cover.alignleft,
.wp-block-image .alignleft {
    margin-right: 2em;
}

.wp-block-button.alignright,
.wp-block-buttons.alignright,
.wp-block-cover.alignright,
.wp-block-image .alignright {
    margin-left: 2em;
}

.wp-block-image.alignwide,
.wp-block-image.alignfull,
.wp-block-embed.alignwide,
.wp-block-embed.alignfull {
    margin-bottom: 2em;
}

.has-text-align-center {
    text-align: center;
}

.has-text-align-left {
    text-align: left;
}

.has-text-align-right {
    text-align: right;
}

/* Columns
---------------------------------------------------------------------------- */

.wp-block-column {
    position: relative;
}

.wp-block-columns.is-style-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.wp-block-column.is-style-card,
.wp-block-column.is-style-box {
    background: var(--lightcolor);
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    padding: 32px;
}

.wp-block-column.is-style-card h3,
.wp-block-column.is-style-card h4,
.wp-block-column.is-style-box h3,
.wp-block-column.is-style-box h4 {
    margin-top: 0;
}

.wp-block-column.is-style-cta-box {
    background: var(--primary);
    color: var(--lightcolor);
    border-radius: 24px;
    padding: 40px;
}

.wp-block-column.is-style-cta-box h2,
.wp-block-column.is-style-cta-box h3,
.wp-block-column.is-style-cta-box p {
    color: inherit;
}

@media (max-width: 768px) {
    .wp-block-columns.is-style-section {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .wp-block-column.is-style-cta-box {
        padding: 32px;
    }
}

.site-container .wp-block-cover .wp-block-cover-text {
    font-size: 36px;
}

/* Buttons
---------------------------------------------------------------------------- */

.wp-block-button .wp-block-button__link,
.wp-element-button {
    transition:
            background-color 0.25s ease-in,
            border-color 0.25s ease-in,
            transform 0.75s cubic-bezier(0.44, 0.51, 0.24, 0.99),
            box-shadow 1s cubic-bezier(0.44, 0.51, 0.24, 0.99);
}

.site-container .wp-block-button .wp-block-button__link {
    border: none;
    cursor: pointer;
    transform: translate3d(0, 0, 0);
    white-space: normal;
    width: auto;
}

.site-container .wp-block-button.is-style-outline .wp-block-button__link,
.site-container .wp-block-button.gp-btn-outline .wp-block-button__link {
    background-color: transparent;
    border: 1px solid;
}

.site-container .wp-block-button .wp-block-button__link:focus,
.site-container .wp-block-button .wp-block-button__link:hover,
.site-container .wp-block-button.is-style-outline .wp-block-button__link:focus,
.site-container .wp-block-button.is-style-outline .wp-block-button__link:hover,
.site-container .wp-block-button.gp-btn-outline .wp-block-button__link:focus,
.site-container .wp-block-button.gp-btn-outline .wp-block-button__link:hover {
    transform: translate3d(0, -3px, 0);
}

/* Media and Image Blocks
---------------------------------------------------------------------------- */

.wp-block-video video,
.wp-block-media-text__media img {
    border-radius: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    position: relative;
}

.wp-block-media-text.has-media-on-the-right {
    grid-template-columns: 50% 1fr;
}

.wp-block-media-text.image-border {
    position: relative;
}

.wp-block-media-text.image-border .wp-block-media-text__media {
    position: relative;
}

.wp-block-media-text.image-border.has-media-on-the-right .wp-block-media-text__media::after {
    left: auto;
    right: 0;
}

.wp-block-media-text.image-border.has-media-on-the-right .wp-block-media-text__media::before {
    left: auto;
    right: 20px;
}

.wp-block-media-text.image-border .wp-block-media-text__media img {
    width: auto;
    max-width: 445px;
    margin: auto;
    border: 10px solid #fff;
    background-color: #f4f4f4;
}

.wp-block-media-text.image-border .wp-block-media-text__content {
    padding: 0;
}

@media (min-width: 768px) {
    .wp-block-media-text.image-border .wp-block-media-text__media::after {
        content: '';
        display: block;
        width: 40px;
        border-bottom: 5px solid var(--primary);
        position: absolute;
        left: 0;
        top: 110px;
        z-index: 1;
    }

    .wp-block-media-text.image-border .wp-block-media-text__media::before {
        content: '';
        display: block;
        position: absolute;
        width: 111.555%;
        height: calc(100% - 100px);
        background-color: #f4f4f4;
        top: 50px;
        left: 20px;
    }

    .wp-block-media-text.image-border .wp-block-media-text__content {
        margin-left: -6.667%;
        padding-right: 10%;
        z-index: 1;
    }

    .wp-block-media-text.image-border.has-media-on-the-right .wp-block-media-text__content {
        margin-left: 0;
        margin-right: -6.667%;
        padding-right: 0;
        padding-left: 10%;
    }

    .wp-block-media-text.image-border .wp-block-media-text__media {
        z-index: 0;
        position: relative;
    }
}

@media (max-width: 767px) {
    .wp-block-media-text .wp-block-media-text__content {
        padding-top: 30px;
    }

    .wp-block-media-text.image-border {
        display: block;
    }

    .wp-block-media-text.image-border .wp-block-media-text__media {
        margin-bottom: 30px !important;
        text-align: center;
    }

    .wp-block-media-text.image-border .wp-block-media-text__media img {
        max-width: 100%;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.10);
        margin-bottom: 50px;
    }

    .wp-block-media-text.image-border .wp-block-media-text__content {
        margin: 0;
        padding: 0;
        text-align: left;
    }
}

/* Quote Blocks
---------------------------------------------------------------------------- */

.site-container .wp-block-quote {
    border-left: 3px solid var(--primary);
    padding: 0 0 0 30px;
    margin: 0 0 30px;
    text-align: left;
}

.site-container .wp-block-pullquote {
    border: none;
    margin: 24px 0 36px;
}

.site-container .wp-block-quote p,
.site-container .wp-block-pullquote p {
    font-weight: 300;
    font-size: 1.2em;
    line-height: 1.4;
    font-style: normal;
}

.site-container .wp-block-quote p:last-child,
.site-container .wp-block-pullquote p:last-child {
    margin-bottom: 0;
}

/* Other Blocks
---------------------------------------------------------------------------- */

.wp-block-verse,
.wp-block-preformatted {
    font-size: 16px;
}

.wp-block-preformatted {
    white-space: pre-wrap;
}

hr.wp-block-separator {
    border: none;
    border-bottom: 8px solid;
    color: #eee;
    margin: 30px 0 25px;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 145px;
}

.site-container .wp-block-social-links {
    margin-left: 0;
    padding-left: 0;
}

/* ==========================================================================
   Button Styles
   ========================================================================== */

/* Primary */

.wp-block-button__link,
.wp-element-button {
    background: var(--primary);
    color: var(--lightcolor);
    border-radius: 999px;
    font-weight: 700;
    padding: 16px 28px;
    text-decoration: none;
}

/* Outline */

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.gp-btn-outline .wp-block-button__link {
    background: transparent;
    border: 2px solid var(--primary);
    color: var(--primary);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.gp-btn-outline .wp-block-button__link:hover {
    background: var(--primary);
    color: var(--lightcolor);
}

.bg-dark .wp-block-button.is-style-outline .wp-block-button__link,
.bg-dark .wp-block-button.gp-btn-outline .wp-block-button__link,
.dark .wp-block-button.is-style-outline .wp-block-button__link,
.dark .wp-block-button.gp-btn-outline .wp-block-button__link,
.bg-text .wp-block-button.is-style-outline .wp-block-button__link,
.bg-text .wp-block-button.gp-btn-outline .wp-block-button__link,
.has-primary-background-color .wp-block-button.is-style-outline .wp-block-button__link,
.has-primary-background-color .wp-block-button.gp-btn-outline .wp-block-button__link,
.has-secondary-background-color .wp-block-button.is-style-outline .wp-block-button__link,
.has-secondary-background-color .wp-block-button.gp-btn-outline .wp-block-button__link,
.has-heading-background-color .wp-block-button.is-style-outline .wp-block-button__link,
.has-heading-background-color .wp-block-button.gp-btn-outline .wp-block-button__link,
.has-headingcolor-background-color .wp-block-button.is-style-outline .wp-block-button__link,
.has-headingcolor-background-color .wp-block-button.gp-btn-outline .wp-block-button__link,
.has-dark-background-color .wp-block-button.is-style-outline .wp-block-button__link,
.has-dark-background-color .wp-block-button.gp-btn-outline .wp-block-button__link,
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-cover .wp-block-button.gp-btn-outline .wp-block-button__link {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

.bg-dark .wp-block-button.is-style-outline .wp-block-button__link:hover,
.bg-dark .wp-block-button.gp-btn-outline .wp-block-button__link:hover,
.dark .wp-block-button.is-style-outline .wp-block-button__link:hover,
.dark .wp-block-button.gp-btn-outline .wp-block-button__link:hover,
.bg-text .wp-block-button.is-style-outline .wp-block-button__link:hover,
.bg-text .wp-block-button.gp-btn-outline .wp-block-button__link:hover,
.has-primary-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-primary-background-color .wp-block-button.gp-btn-outline .wp-block-button__link:hover,
.has-secondary-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-secondary-background-color .wp-block-button.gp-btn-outline .wp-block-button__link:hover,
.has-heading-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-heading-background-color .wp-block-button.gp-btn-outline .wp-block-button__link:hover,
.has-headingcolor-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-headingcolor-background-color .wp-block-button.gp-btn-outline .wp-block-button__link:hover,
.has-dark-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-dark-background-color .wp-block-button.gp-btn-outline .wp-block-button__link:hover,
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-cover .wp-block-button.gp-btn-outline .wp-block-button__link:hover {
    background: #fff;
    border-color: #fff;
    color: var(--primary);
}

/* Secondary */

.wp-block-button.is-style-secondary .wp-block-button__link,
.wp-block-button.gp-btn-secondary .wp-block-button__link {
    background: var(--secondary);
    color: var(--lightcolor);
}

/* Gold */

.wp-block-button.is-style-gold .wp-block-button__link,
.wp-block-button.gp-btn-gold .wp-block-button__link {
    background: #d4af37;
    color: #111;
}

.wp-block-button.is-style-gold .wp-block-button__link:hover,
.wp-block-button.gp-btn-gold .wp-block-button__link:hover {
    background: #c49b1d;
}

/* ==========================================================================
   Reusable Sections
   ========================================================================== */

.section,
.is-style-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-sm {
    padding-top: 48px;
    padding-bottom: 48px;
}

.section-lg {
    padding-top: 120px;
    padding-bottom: 120px;
}

.container-narrow {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.container-default {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.container-wide {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

/* ==========================================================================
   Reusable is-style-cards
   ========================================================================== */

.is-style-card,
.is-style-box {
    background: var(--lightcolor);
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    padding: 32px;
}

.is-style-card-border {
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: none;
}

.is-style-card h3,
.is-style-card h4,
.is-style-box h3,
.is-style-box h4 {
    margin-top: 0;
}

/* ==========================================================================
   Reusable CTA Blocks
   ========================================================================== */

.is-style-cta-box {
    background: var(--primary);
    color: var(--lightcolor);
    border-radius: 24px;
    padding: 56px;
}

.is-style-cta-box h2,
.is-style-cta-box h3,
.is-style-cta-box p {
    color: inherit;
}

@media (max-width: 768px) {
    .section,
    .is-style-section {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .section-lg {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .is-style-cta-box {
        padding: 32px;
    }
}

/* ==========================================================================
   Background Utilities
   ========================================================================== */

.bg-primary {
    background: var(--primary);
    color: var(--lightcolor);
}

.bg-secondary {
    background: var(--secondary);
    color: var(--lightcolor);
}

.bg-tertiary {
    background: var(--tertiary);
}

.bg-text {
    background: var(--textcolor);
}

.bg-light {
    background: var(--lightcolor);
}

.bg-dark {
    background: var(--headingcolor);
    color: var(--lightcolor);
}

.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary p,
.bg-secondary h1,
.bg-secondary h2,
.bg-secondary h3,
.bg-secondary p,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark p {
    color: inherit;
}

/* ==========================================================================
   Text Utilities
   ========================================================================== */

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.lead-text {
    font-size: 20px;
    line-height: 1.7;
}

.eyebrow {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
/* ==========================================================================
   Grid Utilities
   ========================================================================== */

.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}

.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
}

.grid-gap-sm {
    gap: 20px;
}

.grid-gap-lg {
    gap: 48px;
}

@media (max-width: 768px) {
    .grid-2,
    .grid-3,
    .grid-4 {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Spacing Utilities
   ========================================================================== */

.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }

.mt-sm { margin-top: 20px; }
.mt-md { margin-top: 40px; }
.mt-lg { margin-top: 60px; }

.mb-sm { margin-bottom: 20px; }
.mb-md { margin-bottom: 40px; }
.mb-lg { margin-bottom: 60px; }

/* ==========================================================================
   Width Utilities
   ========================================================================== */

.max-600 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.max-800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.max-1000 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* ==========================================================================
   Display Utilities
   ========================================================================== */

.shadow-soft {
    box-shadow: 0 20px 40px rgba(0,0,0,.08);
}

.rounded {
    border-radius: 16px;
}

.rounded-lg {
    border-radius: 24px;
}

.overflow-hidden {
    overflow: hidden;
}

/* ==========================================================================
   List Styles
   ========================================================================== */

.is-style-checklist {
    list-style: none;
    padding-left: 0;
}

.is-style-checklist li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 14px;
}

.is-style-checklist li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary);
    font-weight: 700;
}

.is-style-checklist.has-background {
    padding: 32px;
    border-radius: 20px;
}
.is-style-arrow-list,
.is-style-plus-list {
    list-style: none;
    padding-left: 0;
}

.is-style-arrow-list li,
.is-style-plus-list li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 14px;
}

.is-style-arrow-list li::before {
    content: "→";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary);
    font-weight: 700;
}

.is-style-plus-list li::before {
    content: "+";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary);
    font-weight: 700;
}

/* ==========================================================================
   Image Styles
   ========================================================================== */

.wp-block-image.is-style-shadow img {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.wp-block-image.is-style-rounded img {
    border-radius: 20px;
}

.wp-block-image.is-style-framed img {
    background: #f4f4f4;
    border: 10px solid #fff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.10);
}

/* is-style-card Media */

.wp-block-media-text.is-style-is-style-card-media {
    background: var(--lightcolor);
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.wp-block-media-text.is-style-is-style-card-media .wp-block-media-text__content {
    padding: 48px;
}

@media (max-width: 768px) {
    .wp-block-media-text.is-style-is-style-card-media .wp-block-media-text__content {
        padding: 32px;
    }
}

/* ==========================================================================
   Cover Styles
   ========================================================================== */

.wp-block-cover.is-style-hero {
    min-height: 80vh;
}

.wp-block-cover.is-style-hero .wp-block-cover__inner-container {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.wp-block-cover.is-style-contained {
    border-radius: 24px;
    overflow: hidden;
}

/* ==========================================================================
   DRIPBaR Canada Button System
   Adapted directly from the supplied static-site source.
   ========================================================================== */

:root {
    --button-green: #aaab38;
    --button-green-hover: #93942c;
    --button-green-active: #7c7d22;
    --button-teal: #224c5a;
    --button-teal-soft: #e3ecef;
    --button-shadow: 0 4px 14px rgba(23, 54, 63, 0.1);
    --button-transition: 180ms cubic-bezier(0.16, 1, 0.3, 1);
}

html body .wp-block-button .wp-block-button__link,
html body .wp-element-button,
html body .button,
html body .btn,
html body input[type="submit"] {
    align-items: center;
    background: var(--button-green) !important;
    border: 1.5px solid var(--button-green) !important;
    border-radius: 9999px !important;
    color: #fff !important;
    display: inline-flex;
    font-family: "Archivo", "Helvetica Neue", sans-serif;
    font-size: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
    font-weight: 700;
    gap: 0.5rem;
    justify-content: center;
    letter-spacing: 0.02em;
    line-height: 1.2;
    min-height: 0;
    padding: 0.85em 1.7em !important;
    text-decoration: none;
    transform: translateY(0);
    transition:
        color var(--button-transition),
        background var(--button-transition),
        border-color var(--button-transition),
        box-shadow var(--button-transition),
        transform var(--button-transition);
}

html body .wp-block-button:not(.is-style-outline):not(.gp-btn-outline):not(.is-style-secondary):not(.gp-btn-secondary) .wp-block-button__link:hover,
html body .wp-block-button:not(.is-style-outline):not(.gp-btn-outline):not(.is-style-secondary):not(.gp-btn-secondary) .wp-block-button__link:focus,
html body .button:not(.btn--ghost):not(.btn--light):hover,
html body .button:not(.btn--ghost):not(.btn--light):focus,
html body .btn--primary:hover,
html body .btn--primary:focus,
html body input[type="submit"]:hover,
html body input[type="submit"]:focus {
    background: var(--button-green-hover) !important;
    border-color: var(--button-green-hover) !important;
    box-shadow: var(--button-shadow);
    color: #fff !important;
    transform: translateY(-1px);
}

html body .wp-block-button:not(.is-style-outline):not(.gp-btn-outline):not(.is-style-secondary):not(.gp-btn-secondary) .wp-block-button__link:active,
html body .button:not(.btn--ghost):not(.btn--light):active,
html body .btn--primary:active,
html body input[type="submit"]:active {
    background: var(--button-green-active) !important;
    border-color: var(--button-green-active) !important;
    box-shadow: none;
    transform: translateY(0);
}

html body .wp-block-button.is-style-outline .wp-block-button__link,
html body .wp-block-button.gp-btn-outline .wp-block-button__link,
html body .btn--ghost {
    background: transparent !important;
    border: 1.5px solid var(--button-teal) !important;
    color: var(--button-teal) !important;
}

html body .wp-block-button.is-style-outline .wp-block-button__link:hover,
html body .wp-block-button.is-style-outline .wp-block-button__link:focus,
html body .wp-block-button.gp-btn-outline .wp-block-button__link:hover,
html body .wp-block-button.gp-btn-outline .wp-block-button__link:focus,
html body .btn--ghost:hover,
html body .btn--ghost:focus {
    background: var(--button-teal) !important;
    border-color: var(--button-teal) !important;
    box-shadow: none;
    color: #fff !important;
    transform: translateY(0);
}

html body .wp-block-button.is-style-secondary .wp-block-button__link,
html body .wp-block-button.gp-btn-secondary .wp-block-button__link,
html body .btn--light {
    background: #fff !important;
    border-color: #fff !important;
    color: var(--button-teal) !important;
}

html body .wp-block-button.is-style-secondary .wp-block-button__link:hover,
html body .wp-block-button.is-style-secondary .wp-block-button__link:focus,
html body .wp-block-button.gp-btn-secondary .wp-block-button__link:hover,
html body .wp-block-button.gp-btn-secondary .wp-block-button__link:focus,
html body .btn--light:hover,
html body .btn--light:focus {
    background: var(--button-teal-soft) !important;
    border-color: var(--button-teal-soft) !important;
    box-shadow: none;
    color: var(--button-teal) !important;
    transform: translateY(-1px);
}

html body .site-header .header-cta > a {
    background: var(--button-green) !important;
    border: 1.5px solid var(--button-green) !important;
    border-radius: 9999px !important;
    color: #fff !important;
    font-family: "Archivo", "Helvetica Neue", sans-serif;
    font-size: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
    font-weight: 700;
    letter-spacing: 0.02em;
    min-height: 0;
    padding: 0.85em 1.7em !important;
    transition:
        background var(--button-transition),
        border-color var(--button-transition),
        box-shadow var(--button-transition),
        transform var(--button-transition);
}

html body .site-header .header-cta > a:hover,
html body .site-header .header-cta > a:focus {
    background: var(--button-green-hover) !important;
    border-color: var(--button-green-hover) !important;
    box-shadow: var(--button-shadow);
    color: #fff !important;
    transform: translateY(-1px);
}