/* Stronger call-to-action for sector exploration on the Locations page. */

.sector-card-action {
    padding: 15px 24px;
    border: 2px solid rgba(244,212,124,.9);
    border-radius: 10px;
    background:
        radial-gradient(circle at 50% 0%, rgba(244,212,124,.16), transparent 62%),
        linear-gradient(145deg, #142239, #0d1626);
    color: #fff0ad;
    font-size: 19px;
    font-weight: 800;
    letter-spacing: .25px;
    text-shadow: 0 0 9px rgba(244,212,124,.24);
    box-shadow:
        inset 0 0 13px rgba(244,212,124,.12),
        inset 0 0 0 1px rgba(255,255,255,.025),
        0 8px 20px rgba(0,0,0,.27),
        0 0 10px rgba(244,212,124,.10);
    transform-origin: center;
    animation: sectorActionHum 3s ease-in-out infinite;
}

.sector-card-action:hover,
.sector-card-action:focus-visible {
    transform: translateX(5px) scale(1.06);
    color: #fff7cf;
    border-color: #fff0ad;
    background:
        radial-gradient(circle at 50% 0%, rgba(244,212,124,.25), transparent 66%),
        linear-gradient(145deg, #1a2d49, #101b2d);
    text-shadow:
        0 0 8px rgba(244,212,124,.5),
        0 0 18px rgba(244,212,124,.24);
    box-shadow:
        inset 0 0 18px rgba(244,212,124,.23),
        inset 0 0 0 1px rgba(255,240,173,.10),
        0 11px 25px rgba(0,0,0,.31),
        0 0 22px rgba(244,212,124,.42),
        0 0 42px rgba(244,212,124,.16);
    animation-play-state: paused;
}

@keyframes sectorActionHum {
    0%, 100% {
        transform: scale(1);
        box-shadow:
            inset 0 0 11px rgba(244,212,124,.10),
            inset 0 0 0 1px rgba(255,255,255,.025),
            0 8px 20px rgba(0,0,0,.27),
            0 0 8px rgba(244,212,124,.08);
    }

    50% {
        transform: scale(1.045);
        box-shadow:
            inset 0 0 19px rgba(244,212,124,.22),
            inset 0 0 0 1px rgba(255,240,173,.08),
            0 10px 23px rgba(0,0,0,.29),
            0 0 22px rgba(244,212,124,.34),
            0 0 38px rgba(244,212,124,.11);
    }
}

@media(max-width:760px) {
    .sector-card-action {
        padding: 14px 21px;
        font-size: 18px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .sector-card-action {
        animation: none;
        box-shadow:
            inset 0 0 16px rgba(244,212,124,.18),
            inset 0 0 0 1px rgba(255,240,173,.07),
            0 8px 20px rgba(0,0,0,.27),
            0 0 16px rgba(244,212,124,.20);
    }
}