.select {
  $block: #{&};

  cursor: pointer;

  &--selected {
    #{$block}__image-wrapper {
      position: relative;

      &::after {
        @include position(absolute, auto, 0, 0, auto);
        @include flex(row, nowrap, null, center, center);
        @include size(1.5rem, 1.5rem);

        z-index: 998;
        font-size: $font-size-2;
        color: $color-accent-10;
        content: "\2713";
        background-color: $color-neutral-1;
        border: 0.1rem solid $color-neutral-10;
      }
    }

    #{$block}__button {
      color: $color-neutral-1;
      background-color: $color-neutral-10;
    }
  }

  &__image-wrapper {
    position: relative;

    @include size(3rem, 3rem);
  }

  &__image {
    @include size(100%, 100%);
  }

  &__button {
    padding: $whitespace-3 $whitespace-4;
    font-size: $font-size-3;
  }
}