.uk-button{
    text-transform: none !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    font-weight: 500;
}

.ui.primary.button,
.ui.primary.buttons .button
{
    background-color: var(--bb-accent-color);
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover
{
    background-color: var(--bb-accent-color-contrasted);
}

.ui.button{
    background: var(--bb-gray-light);
}


.ui.negative.button{
    background: var(--bb-danger-color);
}

.uk-button.loading {
    position: relative;
    pointer-events: none;      /* prevents double clicks */
    opacity: 0.85;             /* subtle disabled look */
    cursor: default;
    padding-right: 3.1em;      /* room for the spinner */
}

/* Spinner */
.uk-button.loading::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.05em;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;

    border-radius: 50%;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-top-color: transparent;

    animation: uk-btn-spin 0.7s linear infinite;
}

@keyframes uk-btn-spin {
    to { transform: rotate(360deg); }
}