@import '../theme.less';

.radio {
  &-group {
    display: flex;
    justify-content: space-evenly;
    &-item {
      flex: 1;
      text-align: center;
    }
  }
  &-button {
    display: inline-block;
    width: 96px;
    text-align: center;
    cursor: pointer;
    > span {
      display: inline-block;
      background-color: @default-bg-color;
      border-radius: 16px;
      width: 48px;
      height: 48px;
      line-height: 48px;
      .aum-icon {
        font-size: 18px;
        color: #455064;
      }
    }
    > i {
      font-style: normal;
      display: block;
      line-height: 28px;
      font-size: 14px;
      color: @text-color;
    }
    &:hover,
    &-active {
      & > span {
        background-color: @hover-bg-color;
      }
    }
    &-disabled {
      cursor: default;
      &:hover {
        & > span {
          background-color: @default-bg-color;
        }
      }
      > i,
      > span .aum-icon {
        color: @disabled-color;
      }
    }
  }
}