.client-review { position: relative; inline-size: 100%; block-size: 100%; border-radius: var(--radius-feature); overflow: hidden; background: var(--color-background); }
.client-review__poster, .client-review__video, .client-review__background { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.client-review__video, .client-review__background { position: absolute; inset: 0; }
.client-review__background { pointer-events: none; }
.client-review__video[hidden], .client-review__background[hidden] { display: none; }
.client-review__open { position: absolute; inset: 0; }
.client-review__play, .client-review__external { position: absolute; inset: 0; border: 0; background: transparent; cursor: pointer; }
.client-review__play, .client-review__external { transition: background-color var(--dur-fast) var(--ease-standard); }
.client-review__play:focus-visible, .client-review__external:focus-visible { background: var(--color-button-media-hover); }
@media (hover: hover) and (pointer: fine) {
    .client-review__play:hover, .client-review__external:hover { background: var(--color-button-media-hover); }
}
.client-review__play::after { content: ''; position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); border-block: 2.25rem solid transparent; border-inline-start: 3.5rem solid var(--color-background); }
.client-review__play:focus-visible, .client-review__external:focus-visible { outline: 3px solid var(--color-focus); outline-offset: -4px; }