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

// home 

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

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


.page-programme .field--type-link {
    @extend %buttonwithborder;
    width: fit-content;
    padding: 0.3rem;
    background-color: transparent;
}
.field--type-link,
.next-site,
.prev-site {
    @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;
}


.views-field-edit-node:hover,
.field--name-field-lien:hover,
#edit-submit:hover,
.form-submit:hover,
.field--type-link:hover,
.field--type-file:hover{
    background-color: $yellow-puca;
}