/* Component: arcadian-comp-button-group — extracted from main-with-blocks.css for R1 conditional loading */

.two-col-image-collage__buttons-wrapper {
    gap: 4rem;
    margin-top: 4rem;
    display: flex
}

@media screen and (width <= 767px) {
    .two-col-image-collage__buttons-wrapper {
        flex-direction: column;
        gap: 1.6rem
    }
}

.two-col-image-collage__buttons-wrapper .cta-button--primary a {
    color: #fff;
    background-color: #d52838;
    border-width: 2px
}

@media (width <= 1024.98px) {
    .two-col-image-collage__buttons-wrapper {
        padding: 4.8rem 2.4rem
    }
}

.two-col-image-collage__buttons-wrapper .cta-button--secondary a {
    color: #d52838;
    background-color: #fff;
    border: 2px solid #d52838
}

.two-col-image-collage__buttons-wrapper .cta-button--secondary a:after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 13 13' fill='none'><path d='M9.58594 2H0V0H13V13H11V3.41436L1.70718 12.7072L0.292969 11.293L9.58594 2Z' fill='%23d52838'/></svg>") !important
}

@media (width <= 1024.98px) {
    .two-col-image-collage__buttons-wrapper {
        padding: 4.8rem 2.4rem
    }
}

@media (width <= 1024.98px) {
    .two-col-image-collage__buttons-wrapper {
        padding: 0
    }
}