@import 'tao/form/globals';
@import 'tao/form/shared/fields/radio';

.tao-radio-button {
  .radio-wrapper {
    &:hover {
      border-color: #69D061;

      .icon-radio {
        background-color: #69D061;
      }
    }

    &:focus {
      border-color: #63D65C;
      box-shadow: 0px 0px 4px 0px rgba(#4A90E2, 0.5);
      outline: none;
    }
  }

  input[type=radio] {
    &:checked + .radio-wrapper {
      &:hover {
        border-color: #63D65C;

        .icon-radio {
          background-color: #69D061;
        }
      }
    }
  }

}