.rs-gsap-post-slider {
overflow: hidden;
}
.rs-gsap-post-slider .slider-wrapper {
display: flex;
width: fit-content;
}
.rs-gsap-post-slider .slider-wrapper .post-item {
padding: 0 50px 0;
flex-shrink: 0;
width: 100vw;
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper {
background: var(--bodyBgColor);
border-radius: 30px;
width: 100%;
height: 100%;
text-align: center;
padding: 100px 100px 0;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
justify-content: flex-end;
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper .post-img {
width: 100%;
max-width: 55%;
margin: 0 auto;
flex-shrink: 0;
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper .post-img img {
width: 100%;
height: auto;
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper .post-title {
color: var(--titleColor);
transition: var(--transition);
width: 100%;
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper .post-title.adaptive-color {
mix-blend-mode: difference;
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper .post-desc-text {
transition: var(--transition);
width: 100%;
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper .post-desc-text.adaptive-color {
mix-blend-mode: difference;
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper .btn-wrapper {
width: 200px;
height: 200px;
flex-shrink: 0;
border-radius: 50%;
padding: 5px;
background-color: var(--primaryColor);
position: absolute;
top: 260px;
right: 248px;
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper .btn-wrapper .btn-img {
width: 100%;
max-width: 60px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper .btn-wrapper .btn-img img {
width: 100%;
height: auto;
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper .btn-wrapper .rs-lettering-text {
width: 100%;
height: 100%;
position: relative;
display: block;
text-transform: uppercase;
font-weight: 500;
transform: rotate(-65deg);
color: var(--blackColor);
transition: var(--transition);
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper .btn-wrapper .rs-lettering-text span {
position: absolute;
height: 100%;
width: 100%;
text-align: center;
}
.rs-gsap-post-slider .slider-wrapper .post-item .content-wrapper:hover .post-title {
color: var(--primaryColor);
}