/* ===== SMOOTH BUTTON ANIMATIONS ===== */
.btn {
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* Ripple effect on hover */
.btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.btn:hover,
.btn:focus {
    background-color: #e0b800 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 20px rgba(255, 204, 0, 0.4) !important;
}

.btn:hover::before {
    width: 300px;
    height: 300px;
}

.btn:active {
    transform: translateY(-2px) !important;
}

/* Smooth button scale for small buttons */
.btn-small {
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.btn-small:hover {
    transform: translateY(-2px) scale(1.05) !important;
}

.btn-small:active {
    transform: translateY(0) scale(0.98) !important;
}

/* Smooth transitions for social buttons */
.social-link,
.social-icon {
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.social-link:hover,
.social-icon:hover {
    transform: translateY(-6px) scale(1.1) !important;
}

.social-icon:active {
    transform: translateY(-2px) scale(1.08) !important;
}

/* Copy button smooth animation */
.btn-copy {
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.btn-copy:hover {
    transform: translateY(-2px) !important;
}

.btn-copy:active {
    transform: scale(0.98) !important;
}