.m-icon__play {
  --icon-play__size: 4.5rem;
  --icon-play__bg: var(--v-color__white--alpha3);
  --icon-play__blur: 5px;
  --icon-play__color: var(--v-color__white);

  display: flex;
  align-items: center;
  justify-content: center;

  width: var(--icon-play__size);
  height: var(--icon-play__size);
  border-radius: 50%;

  background-color: var(--icon-play__bg);
  -webkit-backdrop-filter: blur( var(--icon-play__blur) );
  backdrop-filter: blur( var(--icon-play__blur) );
  color: var(--icon-play__color);
  border: 1px solid var(--icon-play__color);

  transition: var(--v-transition__default);
}

.m-icon__play::before {
  content: "";

  border-style: solid;
  border-width: 0.7rem 0 0.7rem 1.2rem;
  border-color: transparent transparent transparent currentColor;

  margin-left: 0.25rem;
}