.soins {
width: 100%; 
}
.soins-slider, .soins-slider .swiper-wrapper {
overflow: visible;
}
.soins-slider .swiper-slide {
display: flex;
flex-direction: column;
gap: 24px;
}
.soins-slide-bg {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 1/1;
overflow: hidden;
}
.soins-slide-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.soins-slide-content {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: flex-end;
align-items: flex-start;
flex-direction: column;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
transform: translateY(100%);
padding: var(--wp--preset--spacing--2);
transition: transform 0.3s ease-in-out;
}
.soins-slide-content p {
color: var(--wp--preset--color--white);
margin: 0;
}
.soins-slide-bg:hover .soins-slide-content {
transform: translateY(0);
}
.soins-slider.swiper .swiper-navigation {
position: absolute;
bottom: 100%;
right: 0;
}
.soins-slider.swiper .swiper-button-next, .soins-slider.swiper .swiper-button-prev {
position: absolute;
top: unset;
bottom: 12px;
margin-top: 0;
width: 33px;
height: 33px;
background-color: var(--wp--preset--color--custom-blanc);
border: 2px solid var(--wp--preset--color--custom-bleu);
border-radius: 100%;
transform: translateX(calc(-100% - 4px));
}
.soins-slider.swiper .swiper-button-prev {
left: unset;
right: 6px;
}
.soins-slider.swiper .swiper-button-next {
right: unset;
left: 6px;
}
.soins-slider.swiper .swiper-button-next::after, .soins-slider.swiper .swiper-button-prev::after {
font-size: 16px;
font-weight: 900;
color: var(--wp--preset--color--custom-bleu);
}
.soins-slider .wp-block-button__link {
font-size: var(--wp--preset--font-size--3);
}
.soins-slider .wp-block-button__link::after {
display: none;
}