/*
 * HVA HOME SITE AUDIT CTA V5.1
 * Clean red CTA with soft blue pulse.
 * No pseudo-element echo layers.
 */

#hva-site-audit-home-button-v2 {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;

    min-height: 56px !important;
    padding: 0 24px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background: #e31f2b !important;
    background-image: none !important;

    color: #fff !important;

    font: inherit !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .015em !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    overflow: visible !important;

    box-shadow:
        0 0 0 0 rgba(0,136,255,0),
        0 0 14px rgba(0,136,255,.24);

    transform: translateZ(0);

    animation:
        hvaSiteAuditPulseV51
        1.9s
        ease-in-out
        infinite !important;

    transition:
        background-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease !important;
}

#hva-site-audit-home-button-v2::before,
#hva-site-audit-home-button-v2::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}

#hva-site-audit-home-button-v2:hover {
    background: #f12b37 !important;

    transform:
        translateY(-1px)
        translateZ(0);

    box-shadow:
        0 0 0 0 rgba(0,136,255,0),
        0 0 20px rgba(0,136,255,.42) !important;
}

#hva-site-audit-home-button-v2:focus-visible {
    background: #f12b37 !important;

    outline: 2px solid rgba(121,191,255,.92) !important;
    outline-offset: 4px !important;

    box-shadow:
        0 0 0 0 rgba(0,136,255,0),
        0 0 20px rgba(0,136,255,.42) !important;
}

@keyframes hvaSiteAuditPulseV51 {
    0%,
    100% {
        box-shadow:
            0 0 0 0 rgba(0,136,255,0),
            0 0 10px rgba(0,136,255,.20);
    }

    45% {
        box-shadow:
            0 0 0 7px rgba(0,136,255,.12),
            0 0 25px rgba(0,136,255,.58);
    }

    70% {
        box-shadow:
            0 0 0 11px rgba(0,136,255,0),
            0 0 18px rgba(0,136,255,.30);
    }
}

@media (prefers-reduced-motion: reduce) {
    #hva-site-audit-home-button-v2 {
        animation: none !important;

        box-shadow:
            0 0 14px rgba(0,136,255,.26) !important;
    }
}
