.footer {
    position: relative;
    overflow: hidden;

    &::before {
        content: "";
        position: absolute;
        bottom: -75px;
        left: -45px;
        width: clamp(195px, 162px + 10.31vw, 360px);
        height: clamp(195px, 162px + 10.31vw, 360px);
        background-color: var(--wp--preset--color--very-light-pink-2);
        border-radius: 50%;

        z-index: 1;

        transform: translate(0%, -20%);

        @media(width > 768px) {
            top: 0;
            left: initial;
            right: 0;
        }

    }

    &::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: clamp(224px, 188.8px + 11vw, 400px);
        height: clamp(224px, 188.8px + 11vw, 400px);
        background-color: var(--wp--preset--color--very-light-pink-2);
        z-index: 1;
        transform: translate(-40%, -43%);
        rotate: -15deg;

        @media(width > 768px) {
            transform: translate(0%, -50%);
        }
    }

    .footer-inner {
        position: relative;
        z-index: 2;

        &::before {
            content: "";
            position: absolute;
            top: 50%;
            right: 0%;
            width: clamp(180px, 156px + 7.5vw, 300px);
            height: clamp(156px, 135px + 6.5625vw, 262.5px);
            background-color: var(--wp--preset--color--very-light-pink-2);
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
            z-index: -1;

            transform: translate(40%, -80%);
            rotate: -30deg;

            @media(width > 768px) {
                top: 0;
                left: 50%;
                transform: translate(-50%, -50%);
            }
        }
    }
}