/**
 * Pricing section on magento-maintenance-support (#support-plans).
 *
 * CMS HTML is not a Tailwind scan source. This file owns the plan cards,
 * comparison, and hourly panel. Loaded beside tm-maintenance-proactive.css
 * from cms_page_view_id_magento-maintenance-support.xml.
 */

#support-plans {
    box-sizing: border-box;
    max-width: 100%;
    margin: 0;
    padding: 3.5rem 0 3.75rem;
    scroll-margin-top: 5.5rem;
    background: #f8f9fb;
    border-top: 1px solid #e5e9f2;
    color: #1a1d2e;
    font-size: 1rem;
    line-height: 1.5;
}

#support-plans *,
#support-plans *::before,
#support-plans *::after {
    box-sizing: border-box;
}

#support-plans .tm-plans__inner {
    width: 100%;
    max-width: 72rem;
    margin: 0 auto;
    padding: 0 1.25rem;
}

@media (min-width: 1024px) {
    #support-plans {
        padding: 4.5rem 0 4.75rem;
    }

    #support-plans .tm-plans__inner {
        padding: 0 2rem;
    }
}

#support-plans .tm-plans__intro {
    max-width: 46rem;
    margin: 0 auto 2rem;
    text-align: center;
}

#support-plans .tm-plans__eyebrow,
#support-plans .tm-hourly__eyebrow {
    margin: 0 0 0.7rem;
    color: #0a3d91;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.4;
    text-transform: uppercase;
}

#support-plans h2.tm-plans__title {
    margin: 0;
    color: #0a3d91;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    text-wrap: balance;
}

@media (min-width: 1024px) {
    #support-plans h2.tm-plans__title {
        font-size: 2.5rem;
    }
}

#support-plans .tm-plans__seo {
    margin: 0.85rem 0 0;
    color: #0a3d91;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.4;
}

#support-plans .tm-plans__lead,
#support-plans .tm-plans__trust,
#support-plans .tm-plans__lane-note,
#support-plans .tm-plans__for,
#support-plans .tm-plans__compare-lead,
#support-plans .tm-plans__footnote,
#support-plans .tm-hourly__lead,
#support-plans .tm-hourly__support,
#support-plans .tm-hourly__scope,
#support-plans .tm-hourly__alt {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.55;
}

#support-plans .tm-plans__lead {
    margin-top: 0.9rem;
    color: #4a4e63;
    font-size: 1.0625rem;
}

#support-plans .tm-plans__trust {
    margin-top: 0.85rem;
    color: #4a4e63;
}

#support-plans .tm-plans__lane {
    max-width: 40rem;
    margin: 0 auto 0.35rem;
    text-align: center;
}

#support-plans .tm-plans__lane-label {
    margin: 0;
    color: #0a3d91;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.4;
    text-transform: uppercase;
}

#support-plans .tm-plans__lane-note {
    margin-top: 0.35rem;
    color: #4a4e63;
}

#support-plans .tm-plans__grid,
#support-plans .tm-plans__compare-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.75rem;
    align-items: stretch;
}

#support-plans .tm-plans__grid {
    margin: 0;
    padding-top: 0.85rem;
}

@media (min-width: 960px) {
    #support-plans .tm-plans__grid,
    #support-plans .tm-plans__compare-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.5rem;
    }
}

#support-plans .tm-plans__card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 1.7rem 1.35rem 1.35rem;
    border: 1px solid #e5e9f2;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(7, 30, 64, 0.06);
}

#support-plans .tm-plans__card--growth {
    border: 2px solid #0a3d91;
    box-shadow: 0 16px 36px rgba(10, 61, 145, 0.16);
}

#support-plans .tm-plans__badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: #0a3d91;
    color: #ffffff;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}

#support-plans .tm-plans__name {
    margin: 0 0 0.2rem;
    color: #0a3d91;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.3;
    text-transform: uppercase;
}

#support-plans .tm-plans__position {
    margin: 0 0 0.85rem;
    color: #1a1d2e;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.35;
}

#support-plans .tm-plans__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.15rem 0.35rem;
    margin: 0 0 0.85rem;
    color: #1a1d2e;
}

#support-plans .tm-plans__amount,
#support-plans .tm-hourly__amount {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
}

@media (min-width: 768px) {
    #support-plans .tm-plans__amount,
    #support-plans .tm-hourly__amount {
        font-size: 3rem;
    }
}

#support-plans .tm-plans__period,
#support-plans .tm-hourly__period {
    color: #4a4e63;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2;
}

#support-plans .tm-plans__for {
    margin-bottom: 1.1rem;
    color: #4a4e63;
}

@media (min-width: 960px) {
    #support-plans .tm-plans__for {
        min-height: 4.9rem;
    }
}

#support-plans ul.tm-plans__benefits,
#support-plans ul.tm-plans__compare-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#support-plans ul.tm-plans__benefits {
    flex: 1 1 auto;
    margin-bottom: 1.35rem;
}

#support-plans .tm-plans__benefits li,
#support-plans .tm-plans__compare-list li {
    position: relative;
    margin: 0 0 0.75rem;
    padding: 0 0 0 1.7rem;
    color: #1a1d2e;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
}

#support-plans .tm-plans__benefits li:last-child,
#support-plans .tm-plans__compare-list li:last-child {
    margin-bottom: 0;
}

#support-plans .tm-plans__benefits li::before,
#support-plans .tm-plans__compare-list li::before {
    content: "";
    position: absolute;
    top: 0.15rem;
    left: 0;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 999px;
    background: #e7eef9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.2 8.2 6.3 11.3 12.8 4.7' stroke='%230A3D91' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 0.85rem 0.85rem no-repeat;
}

#support-plans .tm-plans__benefit--lead {
    font-weight: 700;
}

#support-plans .tm-plans__actions {
    margin-top: auto;
}

#support-plans a.tm-plans__cta,
#support-plans a.tm-plans__cta:hover,
#support-plans a.tm-plans__cta:focus,
#support-plans a.tm-plans__cta:focus-visible,
#support-plans a.tm-plans__cta:active {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3rem;
    margin: 0;
    padding: 0.75rem 1.1rem;
    border: 2px solid #0a3d91;
    border-radius: 999px;
    background: #ffffff;
    color: #0a3d91;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    white-space: normal;
}

#support-plans .tm-plans__card--growth a.tm-plans__cta,
#support-plans .tm-plans__card--growth a.tm-plans__cta:hover,
#support-plans .tm-plans__card--growth a.tm-plans__cta:focus,
#support-plans .tm-plans__card--growth a.tm-plans__cta:focus-visible,
#support-plans .tm-plans__card--growth a.tm-plans__cta:active {
    min-height: 3.25rem;
    border-color: #0a3d91;
    background: #0a3d91;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(10, 61, 145, 0.22);
}

#support-plans a.tm-plans__cta:hover,
#support-plans a.tm-plans__cta:focus-visible {
    background: #0a3d91;
    color: #ffffff;
}

#support-plans .tm-plans__card--growth a.tm-plans__cta:hover,
#support-plans .tm-plans__card--growth a.tm-plans__cta:focus-visible {
    background: #072c6a;
    color: #ffffff;
}

#support-plans a.tm-plans__phone,
#support-plans a.tm-plans__phone:hover,
#support-plans a.tm-plans__phone:focus,
#support-plans a.tm-plans__phone:focus-visible {
    display: block;
    margin: 0.7rem 0 0;
    color: #0a3d91;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
}

#support-plans a.tm-plans__phone:hover,
#support-plans a.tm-plans__phone:focus-visible {
    text-decoration: underline;
    text-underline-offset: 2px;
}

#support-plans .tm-plans__compare {
    margin-top: 2.25rem;
    padding: 1.35rem 1.15rem 1.25rem;
    border: 1px solid #e5e9f2;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(7, 30, 64, 0.04);
}

#support-plans h3.tm-plans__compare-title,
#support-plans h3.tm-hourly__title {
    margin: 0;
    color: #0a3d91;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
    text-wrap: balance;
}

#support-plans .tm-plans__compare-lead {
    max-width: 42rem;
    margin: 0.55rem 0 1.15rem;
    color: #4a4e63;
}

#support-plans .tm-plans__compare-card {
    min-width: 0;
    padding: 1rem 0 0;
}

@media (min-width: 960px) {
    #support-plans .tm-plans__compare-card {
        padding: 0.15rem 0.15rem 0;
    }
}

#support-plans .tm-plans__compare-card--growth {
    padding-top: 1rem;
    border-top: 2px solid #0a3d91;
}

@media (min-width: 960px) {
    #support-plans .tm-plans__compare-card--growth {
        padding: 0 0.15rem;
        border-top: 0;
        border-left: 2px solid #0a3d91;
        border-right: 2px solid #0a3d91;
        border-radius: 0.5rem;
    }
}

#support-plans h4.tm-plans__compare-name {
    margin: 0 0 0.75rem;
    color: #0a3d91;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.3;
}

#support-plans .tm-hourly {
    margin-top: 2.25rem;
    padding: 1.5rem 1.25rem 1.35rem;
    border-radius: 1rem;
    background: #071e40;
    color: #ffffff;
    box-shadow: 0 14px 32px rgba(7, 30, 64, 0.16);
}

#support-plans .tm-hourly__accent {
    width: 3.5rem;
    height: 0.28rem;
    margin: 0 0 0.9rem;
    border-radius: 999px;
    background: #e6ad61;
}

#support-plans .tm-hourly__main {
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

@media (min-width: 900px) {
    #support-plans .tm-hourly {
        padding: 1.85rem 2rem 1.5rem;
    }

    #support-plans .tm-hourly__main {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
    }

    #support-plans .tm-hourly__copy {
        flex: 1 1 auto;
        max-width: 42rem;
    }

    #support-plans .tm-hourly__offer {
        flex: 0 0 16.5rem;
    }
}

#support-plans .tm-hourly__eyebrow {
    color: #e6ad61;
}

#support-plans h3.tm-hourly__title {
    color: #ffffff;
    font-size: 1.75rem;
}

@media (min-width: 1024px) {
    #support-plans h3.tm-hourly__title {
        font-size: 2rem;
    }
}

#support-plans .tm-hourly__lead,
#support-plans .tm-hourly__support,
#support-plans .tm-hourly__scope,
#support-plans .tm-hourly__alt {
    color: rgba(255, 255, 255, 0.92);
}

#support-plans .tm-hourly__lead {
    margin-top: 0.7rem;
    font-size: 1.0625rem;
}

#support-plans .tm-hourly__support {
    margin-top: 0.75rem;
}

#support-plans .tm-hourly__offer {
    min-width: 0;
    padding: 1.1rem 1.1rem 1.15rem;
    border: 1px solid #e6ad61;
    border-radius: 0.9rem;
    background: #0a3d91;
}

#support-plans .tm-hourly__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.15rem 0.35rem;
    margin: 0 0 0.9rem;
    color: #ffffff;
}

#support-plans .tm-hourly__period {
    color: rgba(255, 255, 255, 0.88);
}

#support-plans a.tm-hourly__cta,
#support-plans a.tm-hourly__cta:hover,
#support-plans a.tm-hourly__cta:focus,
#support-plans a.tm-hourly__cta:focus-visible,
#support-plans a.tm-hourly__cta:active {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3.15rem;
    margin: 0;
    padding: 0.8rem 1.1rem;
    border: 0;
    border-radius: 999px;
    background: #e6ad61;
    color: #071e40;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    white-space: normal;
}

#support-plans a.tm-hourly__cta:hover,
#support-plans a.tm-hourly__cta:focus-visible {
    background: #f0c07a;
    color: #071e40;
}

#support-plans .tm-hourly__scope,
#support-plans .tm-hourly__alt {
    margin-top: 1rem;
}

#support-plans a.tm-hourly__alt-link,
#support-plans a.tm-hourly__alt-link:hover,
#support-plans a.tm-hourly__alt-link:focus,
#support-plans a.tm-hourly__alt-link:focus-visible {
    color: #e6ad61;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#support-plans .tm-plans__footnote {
    margin-top: 1.25rem;
    color: #4a4e63;
    text-align: center;
}

#support-plans a.tm-plans__footnote-link,
#support-plans a.tm-plans__footnote-link:hover,
#support-plans a.tm-plans__footnote-link:focus,
#support-plans a.tm-plans__footnote-link:focus-visible {
    color: #0a3d91;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#support-plans a:focus-visible {
    outline: 2px solid #0a3d91;
    outline-offset: 3px;
}

#support-plans .tm-hourly a:focus-visible {
    outline-color: #e6ad61;
}

/*
 * Sections outside #support-plans. Scoped to this CMS page.
 * The process list is three steps: stacked on small screens, one row on desktop.
 */
body.cms-magento-maintenance-support .tm-maint-band {
    box-sizing: border-box;
    width: 100%;
    max-width: 72rem;
    margin: 0 auto;
    padding: 0 1.25rem;
}

@media (min-width: 1024px) {
    body.cms-magento-maintenance-support .tm-maint-band {
        padding: 0 2rem;
    }
}

body.cms-magento-maintenance-support .tm-partner,
body.cms-magento-maintenance-support .tm-maint-process,
body.cms-magento-maintenance-support .tm-maint-services,
body.cms-magento-maintenance-support .tm-maint-why,
body.cms-magento-maintenance-support .tm-maint-host,
body.cms-magento-maintenance-support section:has(script[type="application/ld+json"]) {
    box-sizing: border-box;
    margin: 0;
    padding: 2.5rem 0;
    background: #ffffff;
    border-top: 1px solid #e5e9f2;
    color: #1a1d2e;
    font-size: 1rem;
    line-height: 1.55;
}

@media (min-width: 1024px) {
    body.cms-magento-maintenance-support .tm-partner,
    body.cms-magento-maintenance-support .tm-maint-process,
    body.cms-magento-maintenance-support .tm-maint-services,
    body.cms-magento-maintenance-support .tm-maint-why,
    body.cms-magento-maintenance-support .tm-maint-host,
    body.cms-magento-maintenance-support section:has(script[type="application/ld+json"]) {
        padding: 3.25rem 0;
    }
}

body.cms-magento-maintenance-support .tm-maint-host {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: #f8f9fb;
}

body.cms-magento-maintenance-support #how-magento-support-works,
body.cms-magento-maintenance-support #why-towering-media,
body.cms-magento-maintenance-support #emergency-magento-support,
body.cms-magento-maintenance-support #why-magento-support-partner,
body.cms-magento-maintenance-support #magento-support-services {
    scroll-margin-top: 5.5rem;
}

body.cms-magento-maintenance-support .tm-maint-kicker {
    margin: 0 0 0.65rem;
    color: #0a3d91;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.4;
    text-transform: uppercase;
}

body.cms-magento-maintenance-support h2.tm-maint-title,
body.cms-magento-maintenance-support section:has(script[type="application/ld+json"]) h2 {
    margin: 0;
    color: #0a3d91;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

@media (min-width: 1024px) {
    body.cms-magento-maintenance-support h2.tm-maint-title,
    body.cms-magento-maintenance-support section:has(script[type="application/ld+json"]) h2 {
        font-size: 2.125rem;
    }
}

body.cms-magento-maintenance-support .tm-maint-lead,
body.cms-magento-maintenance-support .tm-partner__follow,
body.cms-magento-maintenance-support .tm-maint-host p,
body.cms-magento-maintenance-support .tm-maint-why__points p,
body.cms-magento-maintenance-support .tm-maint-services__list p,
body.cms-magento-maintenance-support .tm-support-steps p,
body.cms-magento-maintenance-support .tm-partner__points p {
    margin: 0.85rem 0 0;
    color: #4a4e63;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}

body.cms-magento-maintenance-support .tm-maint-lead,
body.cms-magento-maintenance-support .tm-partner__follow {
    max-width: 46rem;
    font-size: 1.125rem;
    line-height: 1.55;
}

body.cms-magento-maintenance-support .tm-partner__points,
body.cms-magento-maintenance-support .tm-maint-why__points {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem 2rem;
    margin-top: 1.75rem;
}

@media (min-width: 900px) {
    body.cms-magento-maintenance-support .tm-partner__points,
    body.cms-magento-maintenance-support .tm-maint-why__points {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

body.cms-magento-maintenance-support .tm-partner__points h3,
body.cms-magento-maintenance-support .tm-maint-why__points h3,
body.cms-magento-maintenance-support .tm-maint-services__list h3,
body.cms-magento-maintenance-support .tm-support-steps h3 {
    margin: 0;
    color: #0a3d91;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
}

body.cms-magento-maintenance-support .tm-partner__points p,
body.cms-magento-maintenance-support .tm-maint-why__points p,
body.cms-magento-maintenance-support .tm-maint-services__list p,
body.cms-magento-maintenance-support .tm-support-steps li > p {
    margin-top: 0.45rem;
}

body.cms-magento-maintenance-support .tm-partner__follow {
    margin-top: 1.75rem;
}

body.cms-magento-maintenance-support .tm-maint-services__list {
    margin-top: 0.5rem;
}

body.cms-magento-maintenance-support .tm-maint-services__list article {
    padding: 1.15rem 0 1.2rem;
    border-top: 1px solid #e5e9f2;
}

body.cms-magento-maintenance-support .tm-maint-services__list article:last-child {
    border-bottom: 1px solid #e5e9f2;
}

body.cms-magento-maintenance-support .tm-maint-why__points article {
    padding-top: 0.85rem;
    border-top: 2px solid #0a3d91;
}

body.cms-magento-maintenance-support .tm-maint-why__action {
    margin: 1.75rem 0 0;
}

body.cms-magento-maintenance-support a.tm-maint-btn,
body.cms-magento-maintenance-support a.tm-maint-btn:hover,
body.cms-magento-maintenance-support a.tm-maint-btn:focus,
body.cms-magento-maintenance-support a.tm-maint-btn:focus-visible {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.7rem 1.3rem;
    border-radius: 999px;
    background: #0a3d91;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

body.cms-magento-maintenance-support a.tm-maint-btn:hover,
body.cms-magento-maintenance-support a.tm-maint-btn:focus-visible {
    background: #0c4ca4;
}

body.cms-magento-maintenance-support .cms-content ol.tm-support-steps,
body.cms-magento-maintenance-support ol.tm-support-steps {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.75rem;
    list-style: none;
    margin: 2rem 0 0;
    padding: 0;
}

body.cms-magento-maintenance-support .tm-support-steps__num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 0 0.75rem;
    border: 2px solid #0a3d91;
    border-radius: 999px;
    background: #ffffff;
    color: #0a3d91;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1;
}

@media (min-width: 900px) {
    body.cms-magento-maintenance-support .cms-content ol.tm-support-steps,
    body.cms-magento-maintenance-support ol.tm-support-steps {
        position: relative;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.5rem;
        margin-top: 2.25rem;
    }

    body.cms-magento-maintenance-support ol.tm-support-steps::before {
        content: "";
        position: absolute;
        top: 1.25rem;
        left: 8%;
        right: 8%;
        height: 2px;
        background: #d7dee8;
    }

    body.cms-magento-maintenance-support .tm-support-steps__num {
        position: relative;
        z-index: 1;
    }
}

body.cms-magento-maintenance-support .tm-maint-close {
    box-sizing: border-box;
    margin: 0;
    padding: 2.75rem 0;
    background: linear-gradient(135deg, #0a3d91 0%, #0c4ca4 55%, #3568c0 100%);
    color: #ffffff;
}

body.cms-magento-maintenance-support .tm-maint-close__inner {
    text-align: center;
}

body.cms-magento-maintenance-support .tm-maint-close h2.tm-maint-title {
    color: #ffffff;
}

body.cms-magento-maintenance-support .tm-maint-close p {
    max-width: 40rem;
    margin: 0.9rem auto 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 1.125rem;
    line-height: 1.55;
}

body.cms-magento-maintenance-support .tm-maint-close__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

body.cms-magento-maintenance-support .tm-maint-close__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.7rem 1.3rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

body.cms-magento-maintenance-support a.tm-maint-close__call,
body.cms-magento-maintenance-support a.tm-maint-close__call:hover,
body.cms-magento-maintenance-support a.tm-maint-close__call:focus-visible {
    background: #d4a15f;
    color: #071b33;
}

body.cms-magento-maintenance-support a.tm-maint-close__form,
body.cms-magento-maintenance-support a.tm-maint-close__form:hover,
body.cms-magento-maintenance-support a.tm-maint-close__form:focus-visible {
    border: 2px solid rgba(255, 255, 255, 0.9);
    color: #ffffff;
}

body.cms-magento-maintenance-support a.tm-maint-btn:focus-visible,
body.cms-magento-maintenance-support .tm-maint-close__actions a:focus-visible,
body.cms-magento-maintenance-support .tm-partner a:focus-visible,
body.cms-magento-maintenance-support .tm-maint-services a:focus-visible,
body.cms-magento-maintenance-support .tm-maint-host a:focus-visible {
    outline: 2px solid #0a3d91;
    outline-offset: 3px;
}

.cms-content a.tm-maint-link,
.cms-content a.tm-maint-link:hover,
.cms-content a.tm-maint-link:focus,
.cms-content a.tm-maint-link:focus-visible {
    color: #0a3d91;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}
