.isa-chip {
  background: $isa-white;
  color: $isa-customer;
  border: 2px solid transparent;
  border-radius: $chip-border-radius;
  font-family: $font-family;
  font-weight: $font-weight-emphasis;
  font-size: $font-size;
  line-height: $button-line-height-l;

  padding: $chip-padding;
  width: fit-content;
  height: $chip-height;

  display: flex;
  align-items: center;
  justify-content: center;

  &.selected {
    position: relative;
    font-weight: $font-weight-bold;
    color: $isa-customer;
    border: 2px solid $isa-customer;
    &::before {
      content: '';
      background-image: url(/assets/images/Check.svg);
      position: relative;
      left: 0px;
      top: 4px;
      width: 21px;
      height: 21px;
      background-size: 16px;
      background-repeat: no-repeat;
      transition: all 2s ease;
    }
  }
}

// Reset Default Button Styles
button.isa-chip {
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}
