.btn-gradient {
    position: relative;
    overflow: hidden;

    color: #dc3545 !important;
    border: 2px solid #dc3545;
    background: linear-gradient(120deg, #dc3545 50%, transparent 50%);
    background-size: 240%;
    background-position: right;

    transition: background-position 0.4s ease, color 0.4s ease;
}

.btn-gradient:hover {
    background-position: left;
    color: #fff !important;
}
.btn-gradient i {
    transition: transform 0.3s ease;
}

.btn-gradient:hover i {
    transform: translateX(6px);
}

.scroll-fade {
    opacity: 0.2;                 /* transparan saat awal */
    transition: opacity 0.15s linear;
    will-change: opacity;
}
.scroll-fade {
    transition: opacity 0.2s ease, transform 0.2s ease;
}