:root, * {
    --image-home: url(/templates/assets/img/futer.webp);
    --color-ipwbpse5p: rgb(242 242 243 / 90%);
    --color-if42j3pq9: 0, 0, 0;
}
.footer-v5 {
    position: relative;
    background-image: linear-gradient(130deg, var(--color-ipwbpse5p) 24%, rgba(var(--color-if42j3pq9), 0) 109%), var(--image-home);
}

.footer-v5__popular-link {
    display: inline-block;
    padding: var(--space-xxs);
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
    border-radius: var(--radius-md);
    color: var(--color-contrast-medium);
    line-height: 1;
    transition: .2s
}

.footer-v5__popular-link:hover {
    color: var(--color-contrast-high);
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075)
}

.footer-v5__back-to-top {
    color: var(--color-contrast-medium);
    transition: color .2s
}

.footer-v5__back-to-top:hover {
    color: var(--color-contrast-high)
}

.footer-v5__link {
    color: var(--color-contrast-medium);
    text-decoration: none;
    transition: color .2s
}

.footer-v5__link:hover {
    color: var(--color-contrast-high);
    text-decoration: underline
}

.footer-v5__social-btn {
    display: block;
    text-decoration: none;
    color: var(--color-contrast-medium);
    transition: color .2s
}

.footer-v5__social-btn .icon {
    display: block
}

.footer-v5__social-btn:hover {
    color: var(--color-contrast-high)
}