/*
  Footer btn primary => class="payment-btn payment-btn-primary payment-btn-lg"
  Footer btn secondary => class="payment-btn payment-btn-default payment-btn-md"
  Card btn primary => class="payment-btn payment-btn-primary"
  Card btn secondary => class="payment-btn payment-btn-default"
  Link btn => class="payment-btn-link"
 */

.payment-btn {
  height: 48px;
  min-width: 186px;
  padding: 16px 24px;
  font-family: 'Gilroy-Medium';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.3px;
  font-feature-settings: 'liga' off;
  border: none;
  border-radius: 9px;
  box-shadow: none;
}

.payment-btn.payment-btn--default {
  color: #17173A;
  background: #FFFFFF;
}

.payment-btn.payment-btn--primary {
  color: #FFFFFF;
  background: #17173A;
}

.payment-btn.payment-btn--bordered {
  color: #17173A;
  border: 1px solid #17173A;
  background: #FFFFFF;
}

.payment-btn.payment-btn--lg {
  min-width: 240px;
  border-radius: 5px;
}

.payment-btn.payment-btn--md {
  min-width: 220px;
  border-radius: 5px;
}

.payment-btn.payment-btn--link {
  width: auto;
  height: auto;
  padding: 0;
  padding-bottom: 2px;
  color: #464662;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0.5px;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #464662;
  background: none;
  text-decoration: none;
  cursor: pointer;
}