.slider {
    position: relative;
    width: 100%;
    height: 680px;
}

/* Style all slides */
.slider .slider__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 1s ease;
    opacity: 1; /* Default hidden */
    z-index: 1;
}

/* Fade in */
.slider .fade-in {
    opacity: 0;
    z-index: 2;
}

/* Fade out */
.slider .fade-out {
    opacity: 1;
    z-index: 1;
}

/* Buttons */
.slider div.slider-buttons {
    position: absolute;
    right: 0;
    bottom: 1.5rem;
    z-index: 200;
    width: 8rem;
    height: 5rem;

    button.slider__button {
        width: 4rem;
        height: 4rem;
        padding-bottom: 1rem;
    }
}