/* module-key = 'com.stiltsoft.confluence.handy.macros:handy-button-resource', location = 'css/button/handy-button-view.css' */
.aui-button.handy-button.button {
    display: inline-block;
    height: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-height: 2.14285714em;
}

.aui-button.handy-button:focus {
    outline: none;
}

.handy-button-license {
    color: var(--ds-icon-warning, #FFAB00);
    padding-right: 5px;
}

a.aui-button.handy-button {
    font-weight: bold;
    text-align: center;
}

a.aui-button.handy-button[data-color="Blue"] {
    color: var(--ds-text-inverse, #FFFFFF);
    background: var(--ds-background-brand-bold, #579DFF);
}

a.aui-button.handy-button[data-color="Blue"]:hover {
    background: var(--ds-background-brand-bold-hovered, #85B8FF);
}

a.aui-button.handy-button[data-color="Green"] {
    color: var(--ds-text-inverse, #FFFFFF);
    background: var(--ds-background-accent-green-bolder, #1F845A);
}

a.aui-button.handy-button[data-color="Green"]:hover {
    background: var(--ds-background-accent-green-bolder-hovered, #216E4E);
}

a.aui-button.handy-button[data-color="Red"] {
    color: var(--ds-text-inverse, #FFFFFF);
    background: var(--ds-background-accent-red-bolder, #C9372C);
}

a.aui-button.handy-button[data-color="Red"]:hover {
    background: var(--ds-background-accent-red-bolder-hovered, #AE2E24);
}

a.aui-button.handy-button[data-color="Yellow"] {
    color: var(--ds-text-warning-inverse, #172B4D);
    background: var(--ds-background-warning-bold, #F5CD47);
}

a.aui-button.handy-button[data-color="Yellow"]:hover {
    background: var(--ds-background-warning-bold-hovered, #E2B203);
}

a.aui-button.handy-button[data-color="Gray"] {
    color: var(--ds-text, #172B4D);
    background: var(--ds-background-neutral, #091E420F);
}

a.aui-button.handy-button[data-color="Gray"]:hover {
    background: var(--ds-background-neutral-hovered, #F1F2F4);
}

html[data-color-mode="dark"] a.aui-button.handy-button[data-color="Yellow"] {
    color: var(--ds-text-inverse, #FFFFFF) !important;
}