﻿/* Apply hover fill for all outlined MudButtons based on their color */
.mud-button-outlined-primary:hover {
    background-color: var(--mud-palette-primary) !important;
    color: var(--mud-palette-primary-text) !important;
    border-color: var(--mud-palette-primary) !important;
}

.mud-button-outlined-secondary:hover {
    background-color: var(--mud-palette-secondary) !important;
    color: var(--mud-palette-secondary-text) !important;
    border-color: var(--mud-palette-secondary) !important;
}

.mud-button-outlined-error:hover {
    background-color: var(--mud-palette-error) !important;
    color: var(--mud-palette-error-text) !important;
    border-color: var(--mud-palette-error) !important;
}

.mud-button-outlined-success:hover {
    background-color: var(--mud-palette-success) !important;
    color: var(--mud-palette-success-text) !important;
    border-color: var(--mud-palette-success) !important;
}

.mud-button-outlined-warning:hover {
    background-color: var(--mud-palette-warning) !important;
    color: var(--mud-palette-warning-text) !important;
    border-color: var(--mud-palette-warning) !important;
}

.mud-button-outlined-info:hover {
    background-color: var(--mud-palette-info) !important;
    color: var(--mud-palette-info-text) !important;
    border-color: var(--mud-palette-info) !important;
}

.paper-outline {
    border: 1px solid #ffffff;
    border-radius: 10px;
}