.nav-desktop-vars {
    --bs-nav-link-font-size: .9375rem;
    --bs-nav-link-padding-y: .25rem;
    --bs-nav-underline-border-width: 0;
    --bs-nav-underline-gap: 1.75rem;
    letter-spacing: .06em;
}

.nav-mobile-vars {
    --bs-nav-link-font-size: 1.5rem;
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0;
    letter-spacing: .04em;
}

.btn-pill-dark {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-font-size: .9375rem;
    --bs-btn-font-weight: 700;
    letter-spacing: .08em;
}

.btn-circle-toggler {
    width: 2.75rem;
    height: 2.75rem;
    color: var(--bs-dark);
}

.btn-modal-close {
    width: 2.75rem;
    height: 2.75rem;
    --bs-btn-color: var(--bs-dark);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-lang-chip {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-border-width: 2px;
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-active-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-font-size: .8125rem;
    --bs-btn-font-weight: 700;
    min-height: 2.75rem;
    letter-spacing: .08em;
}

.lang-dropdown-menu {
    --bs-dropdown-spacer: 1.5rem;
    --bs-dropdown-link-active-bg: var(--bs-primary);
    --bs-dropdown-link-active-color: var(--bs-dark);
    width: 20rem;
    max-width: calc(100vw - 2rem);
    max-height: min(70vh, 32rem);
    overflow-y: auto;
}

.btn-lang-disclosure {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 700;
    letter-spacing: .04em;
}

.lang-mobile-list {
    --bs-dropdown-bg: transparent;
    --bs-dropdown-color: var(--bs-dark);
    --bs-dropdown-border-width: 0;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-link-hover-bg: rgba(14, 52, 42, .08);
    --bs-dropdown-link-active-bg: var(--bs-primary);
    --bs-dropdown-link-active-color: var(--bs-dark);
    max-height: min(60vh, 28rem);
    overflow-y: auto;
}

.btn-social-circle {
    width: 2.75rem;
    height: 2.75rem;
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 2px;
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-cta-cream {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-active-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-font-size: .9375rem;
    --bs-btn-font-weight: 800;
    letter-spacing: .06em;
}

.btn-outline-pill {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-font-weight: 700;
    letter-spacing: .06em;
}

.btn-submit {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-font-weight: 700;
    letter-spacing: .06em;
}

.btn-country-toggle {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-body-bg);
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-body-bg);
    --bs-btn-hover-border-color: var(--bs-border-color);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-period-toggle {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: rgba(14, 52, 42, .15);
    --bs-btn-active-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-font-size: .875rem;
    --bs-btn-font-weight: 500;
    letter-spacing: .06em;
    min-width: 0;
}

.plan-period-annual-wrap {
    position: relative;
    min-width: 0;
}

.plan-annual-tooltip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + .625rem);
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 2;
    pointer-events: none;
}

.plan-annual-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--bs-primary);
}

@media (max-width: 575.98px) {
    #planPeriods {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }

    .plan-annual-tooltip {
        bottom: auto;
        top: calc(100% + .625rem);
    }

    .plan-annual-tooltip::after {
        top: auto;
        bottom: 100%;
        border-top-color: transparent;
        border-bottom-color: var(--bs-primary);
    }
}

.btn-plan-solid {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-font-weight: 700;
    letter-spacing: .06em;
}

.btn-plan-outline {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: rgba(14, 52, 42, .4);
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-font-weight: 700;
    letter-spacing: .06em;
}

.plan-card-body {
    --bs-border-color: rgba(14, 52, 42, .4);
}