/* Animation for buttons */
.animate-pulse-button {
    animation: pulse-animation 1.5s ease-in-out;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgba(12, 166, 120, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(12, 166, 120, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(12, 166, 120, 0);
    }
}

/* Toolbar button active state */
.toolbar-btn.active-toggle {
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}