/* ========================================
   Help Button Component Styles
   Reusable documentation link button
   ======================================== */

.help-button {
    color: var(--color-text-secondary);
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: color 0.2s ease, transform 0.2s ease;
    cursor: pointer;
}

.help-button .material-symbols-outlined {
    font-size: 20px;
}

.help-button:hover {
    color: var(--color-primary);
    transform: scale(1.1);
}

.help-button:active {
    transform: scale(0.95);
}