/* Button Styles */
.buttonMenu,
.buttonMenuAdmin {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    text-decoration: none;
    outline: none;
    border: none;
    width: 150px;
    height: 36px;
    font-family: 'Brady Bunch Remastered', 'Yanone Kaffeesatz';
    font-size: 1.4em;
    color: #fff;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 40%);
}

.buttonMenu {
    background: url(/assets/img/design/menu_empty.png) no-repeat 0 0;
    background-size: cover;
}

.buttonMenuAdmin {
    background: url(/assets/img/design/menu_admin_empty.png) no-repeat 0 0;
    background-size: cover;
}

.buttonMenu:hover,
.buttonMenuAdmin:hover {
    transform: translate(10px, 0px);
}

.buttonMenu:focus,
.buttonMenuAdmin:focus {
    transform: translate(10px, 0px) scale(0.95);
    transition: 0.05s;
}

a.button,
a.retour,
a.bouton,
input.bouton,
button.bouton {
    border-radius: 4px;
    background: var(--Primary-Main, #FEB603);
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 8px;
    border: 0px;
    font-size: 16px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
}

.bouton.red {
    background: linear-gradient(0deg, rgb(211 61 61) 0%, rgb(206 36 36) 69%, rgb(232 92 92) 100%);
    color: #fff;
}

button.bouton:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

button {
    user-select: none;
    cursor: pointer;
    outline: none;
}

button.no-decoration {
    background: none;
    border: none !important;
}

button.styled,
input.styled[type=radio]+label {
    padding: 0.4em 0.8em;
    color: #2e2e2e;;
    font-weight: bold;
    border: none;
    border-radius: 2em;
    box-shadow: 0 0 0.2em 0 rgba(0, 0, 0, 0.1), 0 2px 0 0 rgba(0, 0, 0, 0.1);
    user-select: none;
    cursor: pointer;
    outline: none;
}