.compra-online {
    width: 100%;
    min-height: 400px;
    /* margin: 54px 0 0; */
    overflow: hidden;
    border-radius: 42px 42px 0 0;
    background: #202020;
    color: #fff;
    margin-top: 20px;
}

.compra-online-contenido {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    max-width: 1300px;
    min-height: 300px;
    margin: 0 auto;
    padding: 40px 20px 40px 20px;
}

.compra-online-titulo-wrap h2 {
    margin: 17px 0 0;
    font: 700 32px/1.18 'Montserrat', sans-serif;
    letter-spacing: -.4px;
}

.compra-online-icono {
    font-size: 28px;
}

.compra-online-boton {
    min-width: 360px;
    padding: 13px 30px;
    border: 2px solid rgba(255, 255, 255, .78);
    border-radius: 11px;
    color: #fff;
    font: 600 16px/1 'Montserrat', sans-serif;
    text-align: center;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.compra-online-boton:hover,
.compra-online-boton:focus-visible {
    background: #fff;
    color: #202020;
    transform: translateY(-2px);
    outline: none;
}

.compra-online.compra-online--separada {
    margin-top: 150px;
}

@media (max-width: 768px) {
    .compra-online {
        margin-top: 35px;
        border-radius: 28px 28px 0 0;
    }

    .compra-online-contenido {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        min-height: 300px;
        padding: 42px 34px 55px;
    }

    .compra-online-titulo-wrap h2 {
        font-size: 27px;
    }

    .compra-online-boton {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
    }

    .compra-online.compra-online--separada {
        margin-top: 95px;
    }
}