* 
.container-slider {
width: 90%;
max-width: 1200px;
margin: auto;
overflow: hidden;

box-shadow: 0 0 0 5px #fff,
            0 15px 50px;

position: relative;


}

.slider {
display: flex;
width: 600%;
height: 400px;
margin-left: -100%;
}

.slider__section {
width: 100%;

}

.slider__img {
display: block;
width: 100%;
height: 100%;


}

.slider__btn {
position: absolute;
width: 35px;
height: 35px;
background: rgba(255,255,255,0.70);
top: 50%;
transform: translateY(-50%);
font-size: 30px;
font-weight: bold;
font-family: monospace;
text-align: center;
border-radius: 50%;
cursor: pointer;
}

.slider__btn:hover {
background: #fff;

}

.slider__btn--right {
right: 10px;


}

.slider__btn--left {
left: 10px;


}