.extras-page > *,
.extras-container > * {
    grid-column: 1/-1;
}

@media only screen and (min-width: 1024px) {
    .extras-container {
        grid-column: 5/-1;
    }

    .extras-container > * {
        grid-column: span 2;
    }
}

.extras-button {
    position: relative;
}

.extras-button > * {
    filter: contrast(110%) grayscale();
}

.extras-button_play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.5rem;
}

@media (hover: hover) {
    .extras-button:hover > * {
        filter: none;
    }
}