.nvho-aftermovie {
    position: relative;
    aspect-ratio: 16 / 9;
    width: 100%;
    background-color: var( --wp--preset--color--donkerblauw );
    box-shadow: 0.75rem 0.75rem 0 var( --wp--preset--color--roze );
}

.nvho-aftermovie iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.nvho-aftermovie__trigger {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    padding: var( --wp--preset--spacing--40 );
    background: none;
    border: 0;
    cursor: pointer;
    color: var( --wp--preset--color--creme );
    text-align: center;
}

.nvho-aftermovie__play {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.75rem 0 1.75rem 3rem;
    border-color: transparent transparent transparent var( --wp--preset--color--roze );
}

.nvho-aftermovie__trigger:hover .nvho-aftermovie__play,
.nvho-aftermovie__trigger:focus-visible .nvho-aftermovie__play {
    border-left-color: var( --wp--preset--color--geel );
}

.nvho-aftermovie__text {
    font-family: var( --wp--preset--font-family--jost );
    font-weight: 800;
    font-size: clamp( 1.25rem, 3vw, 2rem );
    text-transform: uppercase;
}

.nvho-aftermovie__notice {
    font-family: var( --wp--preset--font-family--barlow );
    font-size: 0.85rem;
    max-width: 32ch;
    opacity: 0.85;
}