/* --- Ultra Fire Luxury Ripple --- */

.btn {
    position: relative;
    overflow: hidden;
    transition: transform 0.15s ease;
}

/* موج آتیشی لاکچری هنگام کلیک */
.btn:active::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;

    /* ترکیب طلایی + آتیشی + هالهٔ حرارتی */
    background: radial-gradient(
        circle,
        rgba(255, 230, 120, 0.70) 0%,    /* طلایی روشن لوکس */
        rgba(255, 180, 0, 0.55) 25%,     /* نارنجی آتیشی */
        rgba(255, 90, 0, 0.45) 45%,      /* قرمز آتیشی */
        rgba(255, 40, 0, 0.30) 65%,      /* قرمز تیره */
        rgba(120, 0, 0, 0.20) 80%,       /* هالهٔ حرارتی */
        transparent 100%                /* محو شدن */
    );

    border-radius: 50%;
    transform: scale(0);
    animation: fireRipple 0.75s ease-out;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    pointer-events: none;
}

/* انیمیشن موج آتیشی لاکچری */
@keyframes fireRipple {
    0% {
        transform: scale(0);
        opacity: 1;
        filter: brightness(1.4) saturate(1.3);
    }
    40% {
        transform: scale(2.2);
        opacity: 0.55;
        filter: brightness(1.7) saturate(1.6);
    }
    80% {
        transform: scale(3.4);
        opacity: 0.25;
        filter: brightness(1.3) saturate(1.4);
    }
    100% {
        transform: scale(4.2);
        opacity: 0;
        filter: brightness(1) saturate(1);
    }
}