.bulefooter {
    background: var(--wp--preset--color--base, #ffffff);
    color: #ffffff;
    margin-top: 0;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.bulefooter__burg {
    position: relative;
    width: 33.333%;
    margin-right: auto;
    aspect-ratio: 411.76465 / 265.18692;
    background-color: var(--wp--preset--color--base, #ffffff);
}

.bulefooter__burg::before {
    position: absolute;
    inset: 0;
    transform: translateX(-10px) translateY(5px);
    background-color: var(--bulefooter-background, #1f2933);
    content: "";
    -webkit-mask: url("../burg.svg") center / 100% 100% no-repeat;
    mask: url("../burg.svg") center / 100% 100% no-repeat;
}

.bulefooter__bar {
    background: var(--bulefooter-background, #1f2933);
}

.bulefooter__inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 42px 24px;
}

.bulefooter__links {
    display: flex;
    grid-column: 1;
    grid-row: 1;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.bulefooter__logo {
    display: block;
    grid-column: 3;
    grid-row: 1;
    width: 180px;
    height: auto;
}

.bulefooter__instagram {
    color: var(--bulefooter-accent, #d7b56d);
    display: inline-flex;
    width: 24px;
    height: 24px;
}

.bulefooter__instagram svg {
    fill: none;
    stroke: var(--bulefooter-accent, #d7b56d);
    stroke-width: 1.8;
}

.bulefooter__instagram svg circle:last-child {
    fill: var(--bulefooter-accent, #d7b56d);
    stroke: none;
}

.bulefooter__sponsors {
    display: flex;
    align-items: center;
    gap: 16px;
}

.bulefooter__sponsors a {
    display: inline-flex;
    align-items: center;
}

.bulefooter__sponsors img {
    display: block;
    max-width: 120px;
    max-height: 42px;
    width: auto;
    height: auto;
}

.bulefooter__footer-links {
    display: flex;
    flex-direction: column;
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.bulefooter__footer-links a {
    color: var(--bulefooter-accent, #d7b56d);
    text-decoration: none;
}

.bulefooter__footer-links a:hover,
.bulefooter__footer-links a:focus {
    color: var(--bulefooter-accent, #d7b56d);
    text-decoration: underline;
}

@media (min-width: 701px) {
    .bulefooter__burg {
        transform: translateX(-10px);
    }

    .bulefooter__burg::before {
        left: -10px;
        right: -10px;
    }

    .bulefooter__footer-links {
        grid-column: 2;
        grid-row: 1;
    }
}

@media (max-width: 700px) {
    .bulefooter__burg {
        width: 50%;
    }

    .bulefooter__burg::before {
        left: -2px;
        right: -2px;
        transform: translate(-10px, 5px);
    }

    .bulefooter__inner {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        padding: 32px 20px;
    }

    .bulefooter__links {
        display: contents;
    }

    .bulefooter__instagram {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: center;
    }

    .bulefooter__sponsors {
        grid-column: 1;
        grid-row: 3;
        justify-self: start;
    }

    .bulefooter__logo {
        grid-column: 2;
        grid-row: 3;
        justify-self: end;
        width: 160px;
    }

    .bulefooter__footer-links {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: center;
    }
}