@use '../../colors';
@use '../../breakpoints';

.bz-detalhe-campanha-bazza-fau-block {
    position: relative;
    &::before {
        position: absolute;
        content: "";
        background-image: url(../../assets/img/block-detalhe-campanha-bazza-fau-bg.svg);
        background-position: center top;
        background-repeat: repeat;
        background-size: 100% auto;
        top: 0;
        bottom: 0;
        width: 100%;
        z-index: -1;
    }
}

@media (max-width: breakpoints.$tablet) {
    .bz-detalhe-campanha-bazza-fau-block {
        &::before {
            background-image: url(../../assets/img/block-detalhe-campanha-bazza-fau--mobile-bg.svg);
        }
    }
}