.trailer-play-tip {
    position: absolute;
    bottom: 14px;
    left: 50%;
    padding: 6px 12px;
    color: #fffdf9;
    background: rgba(12, 13, 12, 0.78);
    border: 1px solid rgba(255, 253, 249, 0.35);
    font-size: 12px;
    letter-spacing: 0.08em;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 8px);
    transition: opacity 180ms ease, transform 180ms ease;
    white-space: nowrap;
}

.trailer-video-trigger:hover .trailer-play-tip,
.trailer-video-trigger:focus-visible .trailer-play-tip {
    opacity: 1;
    transform: translate(-50%, 0);
}