footer
{
    position: absolute;

    width: 100vw;
    height: 14vw;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
}

.footer-logo
{
    position: absolute;
    width: 7.35vw;
    height: 7.35vw;
    top: 3.29vw;
    left: 17.08vw;
    cursor: pointer;
    transition: transform 0.15s ease-in-out;
}
.footer-logo:hover
{
    transform: scale(1.1);
}
.footer-reg-butt
{
    position: absolute;
    width: 23.87vw;
    height: 3.99vw;
    flex-shrink: 0;
    border-radius: 1.75vw;
    background: #4DAFA9;
    top: 5.19vw;
    left: 59.85vw;

    cursor: pointer;
    transition: transform 0.15s ease-in-out; /* Плавный переход */
    display: inline-block;
}

.footer-reg-butt:hover {
  transform: scale(1.06); /* Увеличение текста на 20% */
}

.footer-reg-butt:active {
            transform: scale(0.99); /* Уменьшаем кнопку на 5% при нажатии */
            background-color: #3e8d8a; /* Темнее цвет при нажатии */
        }

.reg-butt-text
{
    position: absolute;
    color: #FFFEFE;
    font-family: Montserrat;
    font-size: 1.4vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    width: 14.35vw;
    height: 1.68vw;
    top: 1.05vw;
    left: 18%;
    display: inline-block;
}

.footer-nav
{
    position: absolute;
    width: 22vw;
    height: 4vw;
    flex-shrink: 0;
    top: 4vw;
    left: 34.16vw;
}

.nav-footer-butt
{
    position: absolute;
    font-family: Montserrat;
    font-size: 1.26vw;
    font-weight: 400;
    line-height: 1.5358vw;
    text-align: left;
    color: white;

    transition: transform 0.15s ease-in-out;
    display: inline-block;
    cursor: pointer;
}

.nav-footer-butt:hover {
  transform: scale(1.2);
}

.footer-social-nav
{
    position: absolute;
    width: 19.81vw;
    height: 11vw;
    top: 2.18vw;
    left: 63.91vw;
}

.footer-social-icon
{
    position: absolute;
    left: 0;
    width: 1.5vw;
    height: 1.5vw;
}

.footer-social-text
{
    position: absolute;
    font-family: Montserrat;
    font-size: 1.1vw;
    font-weight: 300;
    line-height: 1.4vw;
    text-align: left;

    color: white;
    left: 2.6vw;

    transition: transform 0.15s ease, color 0.15s ease;
}

.footer-social-text:hover {
    transform: scale(1.06);
    color: #4DAFA9;
}