.grid-item--slider {
    position: relative;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.icon-play {
    width: 0.7896428571428571em;
}

.icon-pause {
    width: 0.8571428571428571em;
}

.slider-button {
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 50%;
    display: flex;
    position: absolute;
    bottom: 10%;
    right: 5%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.slider-button svg {
    display: block;
}

.slider-button svg g {
    fill: #808080;
}

.hide {
    display: none;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}