/* noinspection CssNoGenericFontName */
.visual-button-icon {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1.2rem;
    margin: 0 0.15rem;
    padding: 0.15rem;
    text-decoration: none;
    border: thin solid transparent;
    background-color: transparent;
    /**
    Ursprünglich wurde Browser line-height auf 16.8 px gesetzt. Das führt dann dazu
    das die angezeigte Tabellen Zeilen zu klein erscheinen, daher wurde es deaktiviert.
    Es wurde dennoch in Code gelassen falls man zum einen späteren Zeitpunkt es doch noch
    aktivieren möchte.
    line-height: 16.8px
     */
}

/* noinspection CssUnresolvedCustomProperty */
.visual-button-icon:focus, .visual-button-icon:not([disabled]):hover {
    outline: .125rem solid var(--accentLighterColor075);
    outline-offset: 0.1875rem;
    border-color: var(--accentColor);
    box-shadow: inset 0 .0625rem .0625rem var(--shadowColor0075), 0 0 .5rem var(--accentColor);
}

.visual-button-icon:disabled {
    cursor: not-allowed !important;
    opacity: 0.65;
}

/* noinspection CssUnresolvedCustomProperty */
.visual-button-icon:hover {
    color: var(--defaultBgColor);
    background-color: var(--defaultContrastColor);
}