Как правильно прописать вместе checked и after?

Question

[tostershmoster]

.like-button__image {
  cursor: pointer;
  appearance: none;
  position: relative;
  width: 39px;
  height: 18px;
  border-radius: 10px;
  background: #fff;
}

.like-button__image::after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: $color;
  border-radius: inherit;
  z-index: -1;
  &:checked {
    background: linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%);
  }
}