.option-group__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -10px; }

.option-group .form-group__input {
  margin: 10px 10px 0 0;
  top: 0; }

.option-group .selection-control__label {
  border: 1px solid #E2E2E2;
  color: #FF661A;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 50px;
  line-height: 48px;
  margin-left: 0;
  min-width: 50px;
  padding: 0 10px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s; }
  .bg-brand--gradient-orange .option-group .selection-control__label {
    border: 1px solid #F8F8F8;
    color: #fff; }
  .option-group .selection-control__label:hover {
    background: #FFF0E8;
    border-color: #FF661A;
    -webkit-transition: background 0.2s;
    transition: background 0.2s; }
    .bg-brand--gradient-orange .option-group .selection-control__label:hover {
      background: rgba(255, 255, 255, 0.2);
      border-color: rgba(255, 255, 255, 0.5); }
  @media (min-width: 941px) {
    .option-group .selection-control__label {
      padding: 0 20px; } }

.option-group .selection-control input:checked + .selection-control__label {
  background: #FF661A;
  border-color: #FF661A;
  color: #fff; }
  .bg-brand--gradient-orange .option-group .selection-control input:checked + .selection-control__label {
    background: #202020;
    border-color: #202020;
    color: #fff; }

.option-group.form-group--error .selection-control__label {
  background: #FEF5F4;
  border-color: #F13C23;
  color: #F13C23; }
  .bg-brand--gradient-orange .option-group.form-group--error .selection-control__label {
    border-color: #202020; }
  .bg-brand--gradient-orange .option-group.form-group--error .selection-control__label {
    border-color: #202020; }
  .option-group.form-group--error .selection-control__label:hover {
    background: #FFF0E8;
    border-color: #FF661A;
    color: #F13C23; }
    .bg-brand--gradient-orange .option-group.form-group--error .selection-control__label:hover {
      border-color: #202020; }

.option-group.form-group--error .selection-control input:checked + .selection-control__label {
  background: #FF661A;
  border-color: #FF661A;
  color: #fff; }
  .bg-brand--gradient-orange .option-group.form-group--error .selection-control input:checked + .selection-control__label {
    background: #202020;
    border-color: #202020;
    color: #fff; }

.option-group.form-group--readonly .selection-control__label {
  background: #F8F8F8;
  color: #97999B; }
