.videos {
            display: grid;
            grid-gap: 1.5rem;
            gap: 1.5rem;
            grid-template-columns: 1fr
        }

        @media(min-width:992px) {
            .videos {
                grid-template-columns: repeat(3, 1fr)
            }
        }

        @media(min-width:768px) {
            .videos--grid4 {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        @media(min-width:992px) {
            .videos--grid4 {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        @media(min-width:1200px) {
            .videos--grid4 {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        @media(min-width:1400px) {
            .videos--grid4 {
                grid-template-columns: repeat(4, 1fr)
            }
        }

        .videos__item,
        .videos__item__image {
            position: relative
        }

        .videos__item__image img {
            aspect-ratio: 7/4;
            height: auto;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .videos__item__playbutton {
            align-items: center;
            background-color: transparent;
            border: none;
            bottom: 0;
            display: flex;
            justify-content: center;
            left: 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .videos__item__playbutton:active svg,
        .videos__item__playbutton:hover svg {
            background-color: var(--color-main);
            color: var(--color-contrast)
        }

        .videos__item__playbutton svg {
            align-items: center;
            aspect-ratio: 1;
            background-color: #fff;
            border-radius: 100vh;
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
            color: #141414;
            display: flex;
            height: 60px;
            justify-content: center;
            padding: 1rem;
            transition: background-color .3s ease-in-out, color .3s ease-in-out;
            width: 60px;
            z-index: 1
        }