section#thanks {
position: relative;
}
section#thanks::before, section#thanks::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 12rem;
height: auto;
aspect-ratio: 1/1;
z-index: 1;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: top right;
}
section#thanks::before {
top: auto;
bottom: 0;
left: 0;
right: auto;
width: 20rem;
background-image: url('data:image/svg+xml,');
background-position: bottom left;
}
section#thanks .contenedor {
position: relative;
z-index: 2;
}
section#thanks .contenedor .contenido {
width: 35rem;
max-width: 100%;
margin: 0 auto;
}
section#thanks .contenedor .contenido h1 {
text-align: center;
font-size: 2.5rem;
font-weight: bold;
color: color(display-p3 0.12 0.35 0.33);
}
section#thanks .contenedor .contenido p {
text-align: center;
}
section#thanks .contenedor a {
font-weight: 500;
padding: 0.5rem 1rem;
border: 1px solid color(display-p3 0.89 0.78 0.36);
background-color: color(display-p3 0.89 0.78 0.36);
color: color(display-p3 0.12 0.35 0.33);
border-radius: 3rem 3rem 0 3rem;
transition: all 0.5s ease;
}
section#thanks .contenedor a:hover {
border-color: #ffeb98;
background-color: #ffeb98;
border-radius: 3rem;
color: color(display-p3 0.12 0.35 0.33);
}/*# sourceMappingURL=index.css.map */