.isa-btn {
  font-family: $font-family;
  font-size: $font-size;
  background: none;
  border: none;
  outline: none;
  line-height: $button-line-height;

  padding: $button-padding;
  border-radius: $button-border-radius;

  text-align: center;
  cursor: pointer;
}

.isa-btn-block {
  display: block;
}

.isa-btn-l {
  font-size: $button-font-size-l;
  line-height: $button-line-height-l;
  padding: $button-padding-l;
}

.isa-btn-xl {
  font-size: $button-font-size-xl;
  line-height: $button-line-height-xl;
  padding: $button-padding-xl;
}

.isa-btn-pill {
  border-radius: $button-pill-radius;
}

.isa-btn-medium {
  font-size: 18px;
  padding: 12px 25px;
}

.isa-btn-large {
  font-size: 18px;
  padding: 16px 20px;
}

.isa-btn-primary {
  color: $text-light;
  background-color: $isa-red;
  font-weight: bold;
}

.isa-btn-secondary {
  color: $isa-red;
  background-color: $isa-white;
  font-weight: bold;
}

.isa-btn-default {
  color: #567290;
  font-weight: bold;
}

.isa-btn-default-bg {
  background-color: #fff;
}

.isa-btn-outline-default {
  border: 1px solid #567290;
  color: #567290;
  font-weight: bold;
}

.isa-btn-outline-primary {
  border: 2px solid $isa-red;
  color: $isa-red;
  background-color: #ffffff;
  font-weight: bold;
}

.isa-btn-circle {
  border-radius: 100%;
  width: 58px;
  height: 58px;
  padding: 0;
  margin: 0;
}

.isa-btn-red-border {
  border: 2px solid $isa-red;
}

.isa-btn-shadow {
  box-shadow: 0 0 30px rgba(89, 100, 112, 0.5);
}

.isa-btn-close {
  background-image: url('/assets/images/close.svg');
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  width: 21px;
  height: 21px;
}

button:disabled.isa-btn {
  background: $button-disabled-color !important;
}

.isa-btn-block {
  display: block;
  width: 100%;
}
