body{
    --button-hover-color: #0070D6;
}

.pf-m-block{

}
#kc-form-buttons[class="form-group"], #kc-form-options[class="form-group"]{
    display: flex;
    width:100%;
}

.primary-button{
    background-color: #0085FF;
}
.primary-button:hover{
    background-color: var(--button-hover-color);

}
#kc-form-buttons input[type=submit]{
    margin-left: auto;
}
#kc-form-buttons[class~='center']{
    justify-content: center;
}
#kc-form-buttons[class~='center'] input[type=submit]{
    margin-left: 0;
}
.btn-lg{
    --btn-vertical-padding: 8px;
    font-size: 14px;
    line-height: 1.4;
    padding: var(--btn-vertical-padding) 20px;
    border: 0;

    @media (max-width: 450px) {
        --btn-vertical-padding: 12px;
    }

}
.pf-m-control{
    padding: 0;
}
.fa{
    font-weight: var(--icon-weight);
    font-size: 20px;
    display: flex;
    @media (max-width: 450px) {
        font-size: 28px;
    }
}
.fa:before{
    display: inline-block;
}
button:has(.fa){
    display: flex
}
.btn-as-anchor{
    border: unset;
    background-color: unset;
    text-decoration: underline;
    padding: 0;
}
.btn-as-anchor:hover{
    font-weight: bold;
}
.fa-exclamation-circle:before{
    content: 'error';
    font-weight: var(--bold-icon-weight);
    font-family: var(--icon-family);

}
.fa-eye::before{
    content: 'visibility';
    font-family: var(--icon-family);

}
.fa-eye-slash::before{
    content: 'visibility_off';
    font-family: var(--icon-family);

}