@import 'base';

.radio {
  display: flex;
  font-size: 20px;

  &__option {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: color(black, bright);
    background-color: color(white);
    @extend %link-disabled;

    &.radio__option_active {
      @extend %link;
      color: color(white);
      background-color: color(primary, light);

      &:hover {
        opacity: 0.75;
      }

      &.radio__option_selected {
        background-color: color(primary);
      }
    }
  }
}