/* Button enhancer */
.btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: all 0.5s ease;
    z-index: -1;
}

.btn:hover::before {
    left: 100%;
}

/* Special effect for primary buttons */
.btn-primary {
    background: linear-gradient(45deg, var(--primary-color), #7986cb);
    box-shadow: 0 4px 15px rgba(74, 99, 231, 0.3);
}

[data-theme="dark"] .btn-primary {
    background: linear-gradient(45deg, #4361ee, #536dfe);
    box-shadow: 0 4px 15px rgba(83, 109, 254, 0.3);
}