@import '../../../assets/scss/utils/variables';

.hawk-button-group {
  display: flex;
  .hawk-button {
    border-radius: 0;
    &:first-child {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }
    &:last-child {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }
  }
  &__text {
    .active {
      background-color: #eaf1fa;
    }
  }
  &__outlined {
    .active {
      background-color: #eaf1fa;
    }
  }
  &__contained {
    .active {
      background-color: #5b8dd7;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    }
  }
}