.video-preview {
  position: relative;
  transition-duration: 250ms;
  transition-property: scale;

  &:hover {
    scale: 1.01;
  }

  a {
    color: unset;
    text-decoration: none;

    &:hover {
      color: unset;
    }

    wa-card {
      aspect-ratio: 9 / 5;
      background-image: var(--background-image);
      background-position: center;
      background-size: cover;

      &::part(base) {
        height: 100%;
      }

      &.played {
        filter: saturate(0.25);
      }

      [class^="wa-frame"] {
        margin: -1.5rem;
      }
    }
  }

  .controls {
    position: absolute;
    right: 0;
    top: 0;
  }
}