/home/bdqbpbxa/demo-subdomains/ping-proxies.goodface.com.ua/src/components/Sections/CTA/styles.scss
@import "styles/_mixins.scss";
.cta {
background: var(--Purple-gradient);
background-size: 100%;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 40px;
color: var(--White);
border-radius: 16px;
position: relative;
.body1 {
margin: 16px auto 40px;
max-width: 920px;
}
&__bg {
position: absolute;
top: 75px;
left: 0;
width: 100%;
z-index: -1;
}
&::before {
content: url("data:image/svg+xml,%3Csvg width='176' height='72' viewBox='0 0 176 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M16 0C7.16345 0 0 7.16345 0 16V72C0 63.1635 7.16345 56 16 56H144C152.837 56 160 48.8365 160 40V16C160 7.16345 167.163 0 176 0H16Z' fill='white'/%3E%3C/svg%3E%0A");
position: absolute;
top: -1.5px;
left: -1px;
height: 72px;
}
&::after {
content: url("data:image/svg+xml,%3Csvg width='256' height='80' viewBox='0 0 256 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M0 80H240C248.837 80 256 72.8365 256 64V0C256 8.83655 248.837 16 240 16H32C23.1635 16 16 23.1635 16 32V64C16 72.8365 8.83655 80 0 80Z' fill='white'/%3E%3C/svg%3E");
position: absolute;
bottom: -1.5px;
right: -1.5px;
height: 80px;
}
@include w(1392) {
margin: 0 16px;
}
@include w($xxl) {
&::before {
content: "";
}
&::after {
content: "";
}
}
@include w($sm) {
&::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='93' viewBox='0 0 40 93' fill='none'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M8 0C3.58172 0 0 3.58179 0 8V92.4312C0 88.0129 3.58172 84.4312 8 84.4312H24C28.4183 84.4312 32 80.8496 32 76.4312V8C32 3.58179 35.5817 0 40 0H8Z' fill='white'/%3E%3C/svg%3E");
height: 92px;
}
&::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='80' viewBox='0 0 37 80' fill='none'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M0.929718 80H29C33.4183 80 37 76.4182 37 72V0.0336914C37 4.45215 33.4183 8.03369 29 8.03369H10C5.58173 8.03369 2 11.6155 2 16.0337V76C2 77.457 1.61041 78.8232 0.929718 80Z' fill='white'/%3E%3C/svg%3E");
}
}
}