.block__video h2 {
    margin-bottom: 2.4rem;
}

.video__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2.4rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    background-color: var(--grey-100);
}

    .video__placeholder img {
        border-radius: 2.4rem;
        aspect-ratio: 1296 / 555;
    }

    .video__placeholder .video__play {
        position: absolute;
        width: 8rem;
        height: 8rem;
        top: calc(50% - 4rem);
        background: none;
        padding: 0;
        border: none;
        cursor: pointer;
    }

        .video__placeholder .video__play:before {
            content: "";
            width: 9000px;
            height: 6000px;
            position: absolute;
            top: -3000px;
            left: -4500px;
        }

        .video__placeholder .video__play svg {
            width: 100%;
            height: auto;
        }

@media (pointer: fine) {
    .video__placeholder .video__play {
        transition: var(--transition-default);
    }

        .video__placeholder .video__play:hover {
            transform: scale(1.1);
        }
}

@media(max-width: 767px) {
    .video__placeholder .video__play {
        width: 4.8rem;
        height: 4.8rem;
        top: calc(50% - 2.4rem);
    }

    .video__placeholder img {
        aspect-ratio: 16 / 9;
    }

    .iframe__container:not(:has(> iframe)) {
        padding-top: 50% !important;
    }
}

.iframe__container:has(> .video__placeholder) {
    padding-top: 42%;
    line-height: 0;
}

.iframe__container:has(> iframe) {
    padding-top: 56.25% !important;
    border-radius: 2.4rem;
    overflow: hidden;
    line-height: 0;
}

.iframe__container,
.iframe__container iframe {
    border-radius: 2.4rem;
    overflow: hidden;
}

.video__author {
    margin: .8rem 0 0;
    text-align: right;
    font-size: var(--fontsize-body-sm);
}
