.acf-cta {
max-width: 100vw !important; position: relative;
left:0;
right: 0;
margin-left: -50vw !important;
margin-right: -50vw !important;
background: #505860;
} .acf-cta .cta-container {
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 60px 30px;
gap: 2rem;
} .acf-cta .cta-content {
flex: 0 0 calc(70% - 2rem); }
.acf-cta .cta-title {
font-size: 1.8rem;
font-weight: 700;
line-height: 1.2;
color: #fff;
margin-bottom: 2rem;
}
.acf-cta .cta-text {
font-size: 1.2rem;
color: #fff;
line-height: 1.6;
} .acf-cta .cta-button-wrapper {
flex: 0 0 25%; display: flex;
justify-content: center;
align-items: center;
} .acf-cta .cta-button {
display: inline-block;
background-color: #fff;
color: #D83718;
font-weight: 700;
text-decoration: none;
padding: 1rem 2rem;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease;
}
.acf-cta .cta-button:hover {
background-color: #f2f2f2;
color: #E04729;
} @media (max-width: 900px) {
.acf-cta .cta-container {
flex-direction: column;
text-align: center;
}
.acf-cta .cta-content,
.acf-cta .cta-button-wrapper {
flex: 1 0 100%;
}
.acf-cta .cta-button-wrapper {
margin-top: 1.5rem;
}
}