.footer {
    background: var(--#{$variable-prefix}gray-200);
    position: relative;

    &::before {
        content: "";
        position: absolute;
        right: 0px;
        bottom: 100%;
        margin-bottom: -1px;
        left: 0px;
        background: var(--#{$variable-prefix}gray-200);
        height: 26px;
        clip-path: polygon(0% 100%, 30% 0%, 36% 100%, 100% 0%, 100% 100%);
    }

}

@include media-breakpoint-down(md) {
    .footer {
        display: none;
    }
}