.btn {
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  min-height: unset !important;
  padding: 12.5px 1em !important;
}

.btn span {
  color: var(--text-white);
  font-size: var(--fz-16);
  font-weight: 600;
  line-height: normal !important;
  letter-spacing: 0;
}

.btn-primary {
  background-color: var(--primary) !important;
  min-width: 156px !important;
  border-radius: 8px !important;
}

.btn-pay-custom {
  background-color: var(--bg-pay-btn) !important;
  min-width: 142px !important;
  padding: 10.5px 1em !important;
}

.btn:hover {
  box-shadow: unset !important;
  background-color: var(--primary-hover) !important;
}

.btn i {
  margin: 3px 0 0 !important;
}

.btn i:before {
  font-size: 0 !important;
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("../../img/arrow-right-header.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.btn-pay-custom i:before {
  background-image: url("../../img/icon-download.svg");
  width: 16px;
  height: 16px;
}

.btn-secondary {
  padding: 5px 14px !important;
  background-color: rgba(232, 170, 48, 0.15) !important;
  border: 1px solid var(--bg-outline-btn) !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  min-height: unset !important;
  font-size: var(--fz-12) !important;
  width: fit-content;
}

.btn-secondary:hover {
  box-shadow: unset !important;
}

.btn-secondary span {
  font-weight: 700;
  font-size: var(--fz-12);
  color: var(--text-outline);
  text-transform: uppercase;
  line-height: normal !important;
}

.btn-services-custom {
  background-color: rgba(243, 196, 98, 0.2) !important;
}

.btn-contact-custom {
  background-color: rgba(232, 170, 48, 0.1216) !important;
}