/* CSS cho Class nút bốc hơi */
.btn-evaporate {
    cursor: pointer;
}

.btn-evaporate > * {
    display: inline-block;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Kết hợp :hover (bay tuần tự) và .is-evaporating (click trên mobile bay đồng loạt) */
.btn-evaporate:hover > * {
    opacity: 0;
    filter: blur(6px);
    transform: translateY(-20px) scale(1.2);
}

.btn-evaporate.is-evaporating > * {
    transition-delay: 0s !important; /* Xóa delay khi click để không bị kẹt ở chữ T */
    opacity: 0;
    filter: blur(6px);
    transform: translateY(-20px) scale(1.2);
}

/* CSS cho các nút hình ảnh (né JS cắt chữ) */
.btn-img-evaporate {
    cursor: pointer;
}

.btn-img-evaporate > * {
    display: inline-block;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-img-evaporate:hover > * {
    opacity: 0;
    filter: blur(6px);
    transform: translateY(-20px) scale(1.2);
}

.btn-img-evaporate.is-evaporating > * {
    transition-delay: 0s !important;
    opacity: 0;
    filter: blur(6px);
    transform: translateY(-20px) scale(1.2);
}

/* CSS cho Class chữ cuộn */
.scroll-weight-text {
    --text-weight: 400;
    font-family: 'OndeeFont', sans-serif;
    font-weight: var(--text-weight, 400);
    transition: font-weight 0.1s ease-out;
}