/* Ripple Hover Effect */
.ripple-btn {
    position: relative;
    overflow: hidden;
    background-position: center;
    transition: background 0.8s;
    background-color: #FDBE4C;
}

.ripple-btn:hover {
    background: #FDBE4C radial-gradient(circle, transparent 1%, #FDBE4C 1%) center/15000%;
}

.ripple-btn:active {
    background-color: #F8A32D; /* Darker shade for active state */
    background-size: 100%;
    transition: background 0s;
}