/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/section_CC2-945_section-buttons/scss/style.scss ***!
\****************************************************************************************************************************************************************************************************************************************************************************/
html {
scroll-behavior: smooth;
}
.wp-block-reem-section-buttons {
position: relative;
display: flex;
flex-direction: column;
padding: 0 2rem;
margin: 6.5rem 0;
}
.wp-block-reem-section-buttons .hero-ttl-wrap {
width: 100%;
max-width: 1040px;
box-sizing: border-box;
margin: auto;
display: flex;
flex-direction: column;
gap: 2rem;
}
.wp-block-reem-section-buttons .wp-block-buttons {
display: flex;
flex-direction: column;
gap: 0rem;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
}
.wp-block-reem-section-buttons .wp-block-buttons .wp-block-button__link {
display: flex;
border-radius: 8px;
width: 100%;
aspect-ratio: 19/7;
transform: rotate(1deg);
color: #111827;
gap: 0.75rem;
}
.wp-block-reem-section-buttons .section-button_jaune {
position: relative;
}
.wp-block-reem-section-buttons .section-button_jaune .wp-block-button__link {
padding: 1rem 1.5rem;
text-align: left;
background-color: #FFB71E;
font-size: 1.25rem;
line-height: 1.6875rem;
font-family: var(--Cabin-Bold);
font-weight: 700;
transition: transform ease-out 0.25s;
}
.wp-block-reem-section-buttons .section-button_jaune .wp-block-button__link:hover {
transform: rotate(-3deg);
}
.wp-block-reem-section-buttons .section-button_jaune .wp-block-button__link:focus {
background-color: #ff9404;
}
.wp-block-reem-section-buttons .section-button_jaune .wp-block-button__link::before {
content: "";
width: 4.5rem;
height: 100%;
flex-shrink: 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,");
}
.wp-block-reem-section-buttons .section-button_jaune .wp-block-button__link::after {
background-color: #111827;
transform: rotate(90deg);
}
.wp-block-reem-section-buttons .section-button_faq {
margin-top: 2rem;
}
.wp-block-reem-section-buttons .section-button_faq .wp-block-button__link {
transform: rotate(0deg);
}
.wp-block-reem-section-buttons .section-button_faq .wp-block-button__link::before {
background-image: url("data:image/svg+xml,");
height: 72px;
}
@media screen and (min-width: 1040px) {
.wp-block-reem-section-buttons .wp-block-buttons {
flex-direction: row;
justify-content: space-between;
flex-wrap: nowrap;
gap: 44px;
}
.wp-block-reem-section-buttons .wp-block-buttons .wp-block-button__link {
width: auto;
padding: 1.25rem 2.5rem;
aspect-ratio: 7/2;
transform: rotate(0deg);
justify-content: space-between;
font-size: 28px;
gap: 1.75rem;
}
.wp-block-reem-section-buttons .wp-block-buttons .wp-block-button__link::before {
width: 6.25rem;
height: 6.25rem;
}
.wp-block-reem-section-buttons .section-button_faq {
margin-top: 0;
}
}
.wp-block-reem-section-buttons .section-button_jaune {
flex-basis: calc(50% - 22px);
flex-shrink: 1;
}
/*# sourceMappingURL=style-index.css.map*/