@import 'variables';

.container {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 30px;
  background: rgb(137, 148, 158);
  cursor: pointer;
  height: 38px;
  width: 106px;

  &.customer {
    background: $isa-customer-inactive;
  }

  &.active {
    background: $isa-branch-active;
    color: rgba(255, 255, 255, 1);

    &.customer {
      background: $isa-customer-active;
    }
  }

  .icon {
    margin-top: 5px;
  }

  .text {
    margin: 0 0 0 0.3rem;
    font-size: 16px;
    font-weight: bold;
  }
}
