/* =========================================
   CTA Button Styles
   ========================================= */
.btn-wrap {
    text-align: center;
    margin: 1.5em 0;
}

.btn-hi {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .9rem 1.4rem;
    background: #e30613;
    color: #000 !important;
    border: 1px solid #b00010;
    border-radius: 999px;
    font: 600 15px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: .02em;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(0,0,0,.18);
    transition: transform .15s ease, box-shadow .2s ease, background-color .15s ease, color .15s ease;
}

.btn-hi__icon {
    display: inline-block;
    transform: translateX(0);
    transition: transform .15s ease;
}

/* Hover */
.btn-hi:hover {
    background: #c50511;
    color: #000 !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(0,0,0,.25);
}

.btn-hi:hover .btn-hi__icon {
    transform: translateX(2px);
}

/* Active */
.btn-hi:active {
    transform: translateY(0);
    box-shadow: 0 6px 16px rgba(0,0,0,.18);
}

/* Focus */
.btn-hi:focus {
    outline: none;
}

.btn-hi:focus-visible {
    outline: 2px solid #e30613;
    outline-offset: 3px;
}