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

.footer_info{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
    width: 280px;
}
    .footer_info-title{
        max-width: 200px;
        line-height: 1.2;
        color: var(--color-1);
        font-family: var(--font-2);
        font-size: 24px;
        font-weight: 400;
        text-wrap-style: balance;
    }
    .footer_info-logo{
        width: 100px;
        height: 100px;
        padding: 10px;
        border-radius: 10px;
        background: var(--color-2);
        object-fit: contain;
    }
    .footer_info-button{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
        height: 30px;
        padding: 0 5px 0 15px;
        border-radius: 15px;
        background: var(--color-2);
        line-height: 20px;

        &:hover .footer_info-button-icon{
            background: var(--color-5-darker);
        }
    }
        .footer_info-button-title{
            color: var(--color-1);
            font-size: 14px;
            font-weight: 800;
            white-space: nowrap;
        }
        .footer_info-button-icon{
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: var(--color-5);
            color: var(--color-2);
            font-size: 12px;

            transition: background .2s ease-in-out;
        }
    .footer_info-networks{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
        .footer_info-network{
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 30px;
            border-radius: 50%;
        }
            .footer_info-network-icon{
                color: var(--color-2);
                font-size: 18px;
            }