#header .hf-nav-sell .btn-sell-now,
#navMobile .mobile-nav-buttons .btn-sell-now-mobile {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
    border: 1px solid rgba(255, 216, 127, 0.92) !important;
    background: linear-gradient(135deg, #ff6a00 0%, #ff8a00 50%, #ffd457 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(255, 106, 0, 0.32), 0 0 0 3px rgba(255, 193, 7, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
    animation: hafiSellNowPulse 2.2s ease-in-out infinite;
}

#header .hf-nav-sell .btn-sell-now::before,
#navMobile .mobile-nav-buttons .btn-sell-now-mobile::before {
    content: "";
    position: absolute;
    inset: -10px;
    z-index: -2;
    background: radial-gradient(circle, rgba(255, 183, 0, 0.46) 0%, rgba(255, 183, 0, 0) 68%);
    opacity: 0.9;
}

#header .hf-nav-sell .btn-sell-now::after,
#navMobile .mobile-nav-buttons .btn-sell-now-mobile::after {
    content: "";
    position: absolute;
    top: -140%;
    left: -32%;
    width: 34%;
    height: 280%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.34) 48%, rgba(255, 255, 255, 0) 100%);
    transform: rotate(18deg);
    pointer-events: none;
    animation: hafiSellNowShine 2.8s ease-in-out infinite;
}

#header .hf-nav-sell .btn-sell-now:hover,
#navMobile .mobile-nav-buttons .btn-sell-now-mobile:hover {
    transform: translateY(-1px) scale(1.02);
    filter: brightness(1.03) saturate(1.06);
    box-shadow: 0 18px 34px rgba(255, 106, 0, 0.38), 0 0 0 4px rgba(255, 193, 7, 0.2);
}

#header .hf-nav-sell .btn-sell-now:focus-visible,
#navMobile .mobile-nav-buttons .btn-sell-now-mobile:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 4px rgba(23, 50, 92, 0.22), 0 0 0 7px rgba(255, 193, 7, 0.28), 0 18px 34px rgba(255, 106, 0, 0.38);
}

#navMobile .mobile-nav-buttons .btn-sell-now-mobile {
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

@keyframes hafiSellNowPulse {
    0%,
    100% {
        box-shadow: 0 14px 30px rgba(255, 106, 0, 0.32), 0 0 0 3px rgba(255, 193, 7, 0.18);
    }

    50% {
        box-shadow: 0 18px 36px rgba(255, 106, 0, 0.38), 0 0 0 6px rgba(255, 193, 7, 0.16);
    }
}

@keyframes hafiSellNowShine {
    0% {
        transform: translateX(-12px) rotate(18deg);
        opacity: 0;
    }

    18% {
        opacity: 0;
    }

    42% {
        opacity: 1;
    }

    68%,
    100% {
        transform: translateX(260px) rotate(18deg);
        opacity: 0;
    }
}