drupal-reha/web/themes/custom/reha/scss/global/variables/_buttons.scss

// home 

%buttonwithborder {
    text-transform: uppercase;
    padding: 1rem;
    border: solid black 1px;
    margin-bottom: 1rem;
    background-color: $white-button;
    @media (max-width:891px) {
        font-size: 1rem;
     }
    
}

// %hoveryellow{
//     :hover{
//         background-color: $yellow-puca;
//     }
// }


.field--type-link {
    @extend %buttonwithborder;
    width: fit-content;

}
.bouton{
    background-color: $white-button !important;
    border: none !important;
    cursor: pointer;
}



.field--type-file{
    @extend %buttonwithborder;
}

.links{    
    @extend %buttonwithborder;
}


.views-field-edit-node{
    @extend %buttonwithborder;
    width: fit-content;
    margin-top: 1rem;
}

.views-field-edit-user{
    @extend %buttonwithborder;
    width: fit-content;
    margin-top: 1rem;  
}

.views-field-edit-user:hover{
    background-color: $yellow-puca;
}

#edit-unlock{
    display: none;
}

#edit-submit:hover{
    background-color: $yellow-puca;
}
.views-field-edit-node:hover{
    background-color: $yellow-puca;
}
.form-submit:hover{
    background-color: $yellow-puca;

}