.cta {padding: 60px 0; position: relative;}
.cta img.bg {max-inline-size: 100%; block-size: auto; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; filter: brightness(0.35);}
.cta .container {position: relative; z-index: 100; text-align: center;}
.cta .cta-content {row-gap: 35px;}
.cta .cta-content .heading {font-size: 40px; line-height: 1.1; font-weight: 700; margin: 0; padding: 0; text-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); color: var(--one);}
.cta .cta-content p {margin: 0; padding: 0; color: var(--one);}
.cta .cta-content p:last-of-type:after {height: 3px; content: ''; width: 70px; background-color: var(--two);  display: block; margin: auto; margin-top: 35px; top: 100%; display: table; left: 0; right: 0;}
.cta .cta-content .buttons {display: flex; gap: 30px; flex-wrap: wrap; justify-content: center;}
.cta .cta-content .buttons li:first-child .button {display: flex; padding: 15px 40px; background-color: transparent; color: var(--one);  border: solid 1px var(--one);}
.cta .cta-content .buttons li:first-child .button:hover {border: solid 1px var(--two); color: var(--two); background-color: transparent;}
.cta .cta-content .buttons li:last-child .button {display: flex; padding: 15px 40px; background-color: var(--two); color: var(--one);  border: solid 1px var(--two);}
.cta .cta-content .buttons li:last-child .button:hover {background-color: var(--two-dark); border: solid 1px var(--two-dark); opacity: 1;}

body.ks-rounding-light .cta .cta-content .buttons li:first-child .button,
body.ks-rounding-light .cta .cta-content .buttons li:last-child .button {border-radius: 8px;}
body.ks-rounding-strong .cta .cta-content .buttons li:first-child .button,
body.ks-rounding-strong .cta .cta-content .buttons li:last-child .button {border-radius: 32px;}