.toggle-btn {
    background: transparent;
    color: #6b7280;
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
}

.toggle-btn.active {
    background: #17A34A;
    color: white;
    box-shadow: 0 4px 15px rgba(23, 163, 74, 0.3);
    transform: translateY(-1px);
}

.toggle-btn:hover:not(.active) {
    color: #17A34A;
    background: rgba(23, 163, 74, 0.1);
    transform: translateY(-1px);
}

.toggle-btn:active {
    transform: translateY(0);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .gap-6 {
        gap: 1.5rem;
    }
}