.affiliate-field-group-btn {
  align-items: center;
  label {
    margin-bottom: 0;
  }
  .affiliate-field-child {
    display: flex;
    justify-content: end;
    align-items: center;
    .affiliate-group-button {
      display: inline-block;
      white-space: nowrap;
      padding: 4px 6px;
      color: #8d96a0;
      font-size: 12px;
      border-top: 1px solid #d6d9dd;
      border-bottom: 1px solid #d6d9dd;
      border-right: 1px solid #d6d9dd;
      text-transform: capitalize;
      cursor: pointer;
      &.extra-padding {
        padding: 5px 10px;
        font-weight: bold;
        font-size: 15px;
      }
      &:last-child {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
      }
      &:first-child {
        border-left: 1px solid #d6d9dd;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
      }
      &.affiliate-active-group-btn {
        color: #2184f9;
        background: #d2e7ff;
        border-color: #a9d0ff;
      }
    }
  }
}
