@font-face {
  font-family: 'LocalBreweryTwo-Regular';
  src: url('/fonts/LocalBreweryTwo-Regular.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}


.circle {
  width: 38px;
  height: 38px;
  border-radius: 100px;
  background-color: $white;
  color: $primary-dark100;
  font-weight: $fw-bold;
  border: 2px solid $primary-dark100;

  &--active {
    color: $white;
    background-color: $primary-dark100;
    border: none !important;
  }

  &--option {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    border: 2px solid $primary-dark100;
    cursor: pointer;
  }
}