.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 { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.client-review__video { position: absolute; inset: 0; }
.client-review__video[hidden] { display: none; }
.client-review__play, .client-review__external { position: absolute; inset: 0; border: 0; background: transparent; cursor: pointer; }
.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; }