.html-block {padding: 60px 0;}
.html-block .container {display: flex; flex-direction: column; gap: 35px;}
.html-block .container .row-gap {row-gap: 35px;}
.html-block .heading {font-size: 40px; line-height: 1.1; font-weight: 700; margin: 0; padding: 0; text-align: center;}
.html-block .heading:after {height: 3px; content: ''; width: 70px; background-color: var(--two);  display: block; margin: 35px auto 0 auto; top: 100%;}
.html-block p {text-align: center; margin: 0;}
.html-block .buttons {display: flex; gap: 30px; flex-wrap: wrap;}
.html-block .buttons .button:first-child {display: flex; padding: 15px 40px; background-color: var(--two); color: var(--one);  border: solid 1px var(--two);}
.html-block .buttons .button:first-child:hover {background-color: var(--two-dark); border: solid 1px var(--two-dark); opacity: 1;}
.html-block .buttons .button:last-child {display: flex; padding: 15px 40px; background-color: transparent; color: var(--one);  border: solid 1px var(--two); width: fit-content;}
.html-block .buttons .button:last-child:hover {border: solid 1px var(--one); color: var(--one); background-color: transparent;}
.html-block > .container > .row:last-child .button {display: flex; padding: 15px 40px; background-color: transparent; color: var(--three);  border: solid 1px var(--three); width: fit-content; margin: auto;}
.html-block > .container > .row:last-child .button:hover {border: solid 1px var(--two); color: var(--two); background-color: transparent;}

@media (max-width: 991.98px) {
	
}

@media (max-width: 767.98px) {
	.html-block .heading {text-align: center;}
	.html-block .heading:after {margin: 35px auto 0 auto;}
}

body.ks-rounding-light .html-block .button {border-radius: 8px;}
body.ks-rounding-strong .html-block .button {border-radius: 32px;}