/* Custom styles for Grejbank */

/* Style the SignaturePad clear button to match MudBlazor */
.signature-pad-clear {
    background-color: transparent;
    color: var(--mud-palette-primary);
    border: none;
    padding: 6px 16px;
    font-family: 'Roboto', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02857em;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    margin: 8px;
}

.signature-pad-clear:hover {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.04);
}

.signature-pad-clear:active {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.12);
}