@import '../mixins/config.less';
@import '../mixins/mixins.less';

.b(ap-radio-group,{
  font-size: @font-size-base;
  padding: @spacing @spacing 0;
  background-color: @component-background;


  &__item{
    cursor: pointer;
    padding-inline: @spacing-lg;
    border-radius: 4px;
    color: var(--ap-text-color-1);
    transition: all 0.3s ease-in-out;
    will-change: background-color;
    &:hover{
      background-color: var(--ap-color-bg-2);
    }

    &--active{
      color: var(--ap-color-primary);
      background-color: var(--ap-radio-group-item-active-bg-color) !important;
    }
  }
});