.am-button-matrix {
    background: none;
}

.am-button-matrix th,
.am-button-matrix td {
    padding: var(--am-space-2) var(--am-space-3);
}

.am-button-ghost {
    background-color: transparent;
    border-color: transparent;
    color: var(--am-tone);
}

.am-button-ghost:hover,
.am-button-ghost.bulma-is-hovered {
    background-color: var(--am-tone-soft);
    color: var(--am-tone);
}

.am-button-ghost:active,
.am-button-ghost.bulma-is-active {
    background-color: var(--am-tone-soft);
    border-color: var(--am-tone);
    color: var(--am-tone);
}

.am-button-ghost.bulma-is-focused {
    border-color: var(--am-color-focus-ring);
}

.am-button-secondary {
    background-color: var(--am-color-surface);
    border-color: var(--am-color-control-border);
    color: var(--am-color-text);
}

.am-button-secondary:hover,
.am-button-secondary.bulma-is-hovered {
    background-color: var(--am-color-surface-muted);
    border-color: var(--am-color-text-muted);
    color: var(--am-color-text);
}

.am-button-secondary:active,
.am-button-secondary.bulma-is-active {
    background-color: var(--am-color-surface-muted);
    border-color: var(--am-color-text);
    color: var(--am-color-text);
}

.am-button-secondary.bulma-is-focused {
    border-color: var(--am-color-focus-ring);
}

.am-tone-primary {
    --am-tone: var(--am-color-primary-strong);
    --am-tone-soft: var(--am-color-primary-soft);
}

.am-tone-info {
    --am-tone: var(--am-color-info-strong);
    --am-tone-soft: var(--am-color-info-soft);
}

.am-tone-success {
    --am-tone: var(--am-color-success-strong);
    --am-tone-soft: var(--am-color-success-soft);
}

.am-tone-warning {
    --am-tone: var(--am-color-warning-strong);
    --am-tone-soft: var(--am-color-warning-soft);
}

.am-tone-danger {
    --am-tone: var(--am-color-danger-strong);
    --am-tone-soft: var(--am-color-danger-soft);
}

.am-icon-button {
    width: var(--am-size-control-fine);
    padding: 0;
}

.am-toggle[aria-pressed="true"] {
    background-color: var(--am-color-primary-soft);
    border-color: var(--am-color-primary);
    color: var(--am-color-primary-strong);
    font-weight: var(--am-font-weight-semibold);
}

a[aria-disabled="true"] {
    opacity: 0.5;
    cursor: not-allowed;
}

.am-fab {
    width: var(--am-size-control-coarse);
    height: var(--am-size-control-coarse);
    padding: 0;
    border-radius: var(--am-radius-full);
}

.am-fab-area {
    position: relative;
    width: 100%;
    min-height: 8rem;
    padding: var(--am-space-3);
    border: 1px dashed var(--am-color-control-border);
    border-radius: var(--am-radius-md);
}

.am-fab-anchored {
    position: absolute;
    right: var(--am-space-3);
    bottom: var(--am-space-3);
}

@media (prefers-reduced-motion: reduce) {
    .bulma-button.bulma-is-loading::after {
        animation: none;
    }
}

.bulma-button {
    gap: var(--am-space-2);
}

.bulma-button,
.am-tab {
    min-height: var(--am-size-target-min);
}

.am-tab {
    display: inline-flex;
    align-items: center;
}

@media (pointer: coarse) {
    .bulma-button,
    .am-tab,
    .am-sidebar a,
    .bulma-select select,
    .bulma-pagination-previous,
    .bulma-pagination-next,
    summary {
        min-height: var(--am-size-control-coarse);
    }

    .am-icon-button {
        width: var(--am-size-control-coarse);
    }

    summary {
        display: flex;
        align-items: center;
    }
}
