.cta {
    position: relative;
    z-index: 1;
}

.cta h1,
.cta h2,
.cta h3,
.cta h4,
.cta p {
    color: var(--white);
    padding-bottom: 17px;
}

.cta__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}

.cta__bg-detail {
    position: absolute;
    width: 250px;
    height: auto;
}

.cta__left-detail {
    top: 0;
    left: 0;
}

.cta__right-detail {
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}

.cta::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(to right,  rgba(35,31,32,0.9) 0%,rgba(35,31,32,0.8) 20%,rgba(35,31,32,0.6) 50%,rgba(35,31,32,0.8) 80%,rgba(35,31,32,0.9) 100%);
}
.cta__wrap .btn + .btn{
    margin-top: 20px;
}

@media ( min-width: 1200px ) {
    .cta__bg-detail {
        width: 300px;
    }

    .cta__wrap .btn + .btn {
        margin-left: 16px;
    }
}

@media ( min-width: 1366px ) {
    .cta__bg-detail {
        width: 400px;
    }
}