.kbl-btn {
  display: block;
  align-content: center;
  background-color: #ffd400;
  border-radius: 8px;
  border: 1px solid #ffd400;
  box-sizing: border-box;
  color: #222222;
  font-family: "KrungsriCondensed";
  font-size: 16px;
  font-weight: bold;
  height: 44px;
  letter-spacing: 0;
  line-height: 30px;
  padding: 0.375rem 0.75rem;
  text-align: center;
  text-decoration: none;
  transition: all 0.5s;
  width: 100%;
}

.kbl-btn:hover {
  background-color: #ffc800;
  border: 1px solid #ffc800;
}

.kbl-btn:disabled,
.kbl-btn[disabled] {
  background-color: #e8e8e8 !important;
  border: 1px solid #e8e8e8 !important;
  color: #a0a0a0 !important;
  opacity: 1 !important;
  pointer-events: none;
  cursor: default;
}

.kbl-btn .kbl-btn__text {
  font-family: "KrungsriCondensed";
}

.kbl-btn-black-outline,
.kbl-btn-black-outline:hover {
  background-color: #ffffff;
  border: 1px solid #222222;
  color: #222222;
}

@media only screen and (min-width: 768px) {
  .kbl-btn {
    width: 216px;
    max-width: 216px;
  }
}