@include export-module('cc-radio-button-layout') {
  .co-radio-button {
    font-family: $cc-radio-button-font-family;
    font-size: $cc-radio-button-font-size;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: $cc-radio-button-height;
    border-style: $cc-radio-button-border-style;
    border-width: $cc-radio-button-border-width;
    border-radius: $cc-radio-button-border-radius;
    padding: $cc-radio-button-padding;
    &.read-only {
      opacity: $cc-radio-button-readonly-opacity;
    }
    .outer-circle {
      display: flex;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      justify-items: center;
      width: $cc-radio-button-circle-size;
      height: $cc-radio-button-circle-size;
      border-radius: $cc-radio-button-circle-border-radius;
      border-style: $cc-radio-button-circle-border-style;
      border-width: $cc-radio-button-circle-border-width;
      margin: $cc-radio-button-circle-margin;
    }
    .inner-circle {
      width: $cc-radio-button-circle-size / 2;
      height: $cc-radio-button-circle-size / 2;
      border-radius: $cc-radio-button-circle-border-radius;
    }
  }
}
