.episode-card.locked {
  color: rgba(255, 255, 255, 0.56);
}

.episode-card.locked .episode-copy p {
  color: rgba(255, 255, 255, 0.42);
}

.lock-action {
  min-width: 132px;
  justify-content: flex-end;
}

.lock-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.lock-icon {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 50%;
  display: grid;
  place-items: center;
}

.lock-icon svg {
  width: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 620px) {
  .lock-action {
    min-width: auto;
  }

  .lock-label {
    display: none;
  }

  .lock-icon {
    width: 42px;
    height: 42px;
  }
}
