/* Mic Button */
.mic-button {
    background: transparent;
    border: none;
    color: var(--hc-text-muted);
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mic-button:hover {
    color: var(--hc-text-main);
    background: rgba(255, 255, 255, 0.1);
}

.mic-button.listening {
    color: #ef4444;
    /* Red color when listening */
    animation: pulse 1.5s infinite;
    background: rgba(239, 68, 68, 0.1);
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}