@charset "UTF-8";
/***!  /media/templates/site/avenir/css/mod_avenir_header_buttons.css?736373  !***/

.header_buttons{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
    .header_button{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 15px;
        height: 40px;
        padding: 0 20px;
        border-radius: 20px;
        background: var(--color-4);
        color: var(--color-2);

        transition: background .2s ease-in-out;

        &:hover{
            background: var(--color-4-darker);
        }
    }
        .header_button-icon{
            font-size: 24px;
        }
        .header_button-title{
            font-size: 18px;
            font-weight: bold;
        }

@media (max-width: 1280px) {

    .header_button{
        width: 60px;
        padding: 0;
    }
    .header_button-title{
        display: none;
    }

}