/*
 * Einheitliche YOOtheme-Buttons für Queer Pfaffenhofen.
 *
 * Erfasst werden die normalen gefüllten YOOtheme-Buttonvarianten.
 * Textlinks sowie Bedienelemente von Kalendern und Formularen behalten
 * ihre jeweilige, funktionale Gestaltung.
 */
:root {
    --qp-button-blue: #302e72;
    --qp-button-pink: #ffb4d3;
    --qp-button-white: #ffffff;
}

.uk-button.uk-button-primary,
.uk-button.uk-button-default,
.uk-button.uk-button-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 11px 21px;
    border: 2px solid var(--qp-button-blue);
    border-radius: 999px;
    box-shadow: none;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition:
        transform .2s ease,
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease;
}

.uk-button.uk-button-primary {
    color: var(--qp-button-white);
    background: var(--qp-button-blue);
}

.uk-button.uk-button-default,
.uk-button.uk-button-secondary {
    color: var(--qp-button-blue);
    background: var(--qp-button-pink);
}

.uk-button.uk-button-primary:hover,
.uk-button.uk-button-primary:focus {
    color: var(--qp-button-blue);
    background: var(--qp-button-pink);
    border-color: var(--qp-button-blue);
    transform: translateY(-2px);
}

.uk-button.uk-button-default:hover,
.uk-button.uk-button-default:focus,
.uk-button.uk-button-secondary:hover,
.uk-button.uk-button-secondary:focus {
    color: var(--qp-button-white);
    background: var(--qp-button-blue);
    border-color: var(--qp-button-blue);
    transform: translateY(-2px);
}

.uk-button.uk-button-primary:focus-visible,
.uk-button.uk-button-default:focus-visible,
.uk-button.uk-button-secondary:focus-visible {
    outline: 3px solid var(--qp-button-pink);
    outline-offset: 3px;
}

.uk-button.uk-button-primary:active,
.uk-button.uk-button-default:active,
.uk-button.uk-button-secondary:active {
    transform: translateY(0);
}

.uk-button.uk-button-primary:disabled,
.uk-button.uk-button-default:disabled,
.uk-button.uk-button-secondary:disabled,
.uk-button.uk-button-primary.uk-disabled,
.uk-button.uk-button-default.uk-disabled,
.uk-button.uk-button-secondary.uk-disabled {
    opacity: .55;
    transform: none;
    cursor: not-allowed;
}