@media (min-width: 1200px) {
    .cmp-footer .cmp-footer__logo {
        width: 139px;
    }

    .cmp-footer .cmp-footer__top-links {
        gap: 16px;
        padding: 24px 0;
    }

    .cmp-footer .cmp-footer__subscribe {
        padding: 12px 0 36px 0;
        gap: 8px;
    }

    .cmp-footer .fluidra-button-link.fluidra-button--dark .cmp-button:hover {
        text-decoration: none;
    }

    .cmp-footer .cmp-footer__social {
        padding-top: 12px;
        gap: 8px;
    }
}

@media (max-width: 1200px) {
    .cmp-footer .cmp-footer__subscribe {
        gap: 16px;
        padding: 32px 0 36px 0;
    }

    .cmp-footer .cmp-footer__social {
        padding-bottom: 24px;
        gap: 16px;
    }

    .cmp-footer .cmp-footer__logo {
        margin-bottom: 10px;
    }

    .cmp-footer .cmp-footer__buttons {
        margin-bottom: 24px;
    }
}

.cmp-footer .cmp-footer__container {
    padding-top: 64px;
}

.cmp-footer .cmp-footer__social-icons .cmp-button__icon {
    font-size: 24px;
}

.cmp-footer .cmp-footer__logo {
    width: 139px;
    line-height: 1;
}

.cmp-footer .cmp-footer__top-links-item:hover {
    color: var(--color-white);
    text-decoration: none;
}

.cmp-footer .cmp-footer__top-links-item:visited {
    color: var(--color-white);
}

.cmp-footer .fluidra-button-secondary .cmp-button {
    border: 2px solid;
    text-decoration: none;
}

.cmp-footer .fluidra-button-secondary.fluidra-button--dark .cmp-button:hover {
    border-width: 2px;
    outline: 2px solid;
}

.cmp-footer .cmp-button {
    height: 48px;
    gap: 8px;
    padding-right: 16px;
    padding-left: 16px;
}

.cmp-footer .cmp-footer__bottom {
    padding: 24px 0;
}

.cmp-footer .cmp-footer__bottom-links {
    margin-bottom: 24px;
    row-gap: 20px;
    column-gap: 20px;
    max-width: 1024px;
}

.cmp-footer .cmp-footer__social-icons {
    gap: 16px;
}

.cmp-footer .cmp-footer__top-links {
    gap: 28px 16px;
    padding: 24px 0;
}

.cmp-footer .cmp-footer__top-links-item {
    padding: 0 12px;
}
@media (min-width: 768px) {
    .cmp-footer .cmp-footer__bottom {
        padding: 36px 0;
    }

    .cmp-footer .cmp-footer__bottom-links {
        margin-bottom: 0;
    }
}