/* ========================================
   BUTTONS-NAV.CSS
   Auteur                : Renaud
   Création              : 13 Novembre 2025
   Dernière modification : 19 novembre 2025
   ======================================== */


.buttons-nav {   
    display: block;
    padding: 0.3rem 0.7rem;
    border-radius: 5px;
    background-color: var(--color-nav-box-default);
    color: var(--color-nav-box-text);
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0.3rem 0.3rem 3px var(--color-nav-box-default-shadow);
    transition: background-color 0.2s, box-shadow 0.2s ease, transform 0.2s ease;
}

.buttons-nav:visited {
    color: var(--color-nav-box-text);
    text-decoration: none;
}

.buttons-nav:hover,
.buttons-nav:focus {  
    background-color: var(--color-nav-box-hover);
    color: var(--color-nav-box-text);
    box-shadow: 0.3rem 0.3rem 3px var(--color-nav-box-hover-shadow);
}

.buttons-nav:active {   
    background-color: var(--color-nav-box-active);
    color: var(--color-nav-box-text);
    transform: translateY(0.1rem);
    box-shadow: 0.2rem 0.2rem 2px var(--color-nav-box-active-shadow);
}