.video-slider-wrapper {
position: relative;
overflow: hidden;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.video-slider {
display: flex;
transition: transform 0.5s ease-in-out;
}
.video-slide {
min-width: 100%;
box-sizing: border-box;
padding: 10px;
}
.video-slide iframe {
width: 100%;
height: 400px;
border-radius: 10px;
}
.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0,0,0,0.6);
color: #fff;
border: none;
font-size: 2rem;
padding: 10px 15px;
cursor: pointer;
z-index: 10;
border-radius: 50%;
}
.left-arrow {
left: 10px;
}
.right-arrow {
right: 10px;
}
