@charset "utf-8";

.mbp2638 { display: flex; }

.mbp2639 { color: white; width: 55%; border: none; cursor: pointer; outline: none; font-size: 16px; background: rgb(24, 83, 87); text-align: center; line-height: 52px; margin-right: 10px; border-radius: 4px; }

.mbp2639:active { background: rgb(24, 83, 87); }

.mbp2639:disabled { cursor: not-allowed; opacity: 0.6; }

@media (max-width: 767.95px) {
  .mbp2639 { font-size: 14px; }
}

@media (max-width: 339.95px) {
  .mbp2639 { margin-right: 5px; }
}

.mbp2640 { color: white; width: 55%; border: none; cursor: pointer; outline: none; font-size: 16px; background: rgb(24, 83, 87); text-align: center; line-height: 52px; margin-right: 10px; border-radius: 4px; }

.mbp2640:active { background: rgb(24, 83, 87); }

.mbp2640:disabled { cursor: not-allowed; opacity: 0.6; }

@media (max-width: 767.95px) {
  .mbp2640 { font-size: 14px; }
}

@media (max-width: 339.95px) {
  .mbp2640 { margin-right: 5px; }
}

.mbp2641 { color: white; width: 100%; border: none; cursor: pointer; display: flex; font-size: 16px; background: rgb(24, 83, 87); text-align: center; align-items: center; font-family: "Area Variable"; line-height: 52px; border-radius: 4px; justify-content: center; }

.mbp2641 > svg { width: 19px; margin-left: 8px; }

.mbp2641:active { background: rgb(24, 83, 87); }

.mbp2641:disabled { cursor: not-allowed; opacity: 0.6; }

.mbp2642 { color: white; width: 100%; border: none; cursor: pointer; display: flex; font-size: 18px; background: rgb(232, 10, 77); text-align: center; align-items: center; font-family: Poppins; font-weight: 700; line-height: 52px; border-radius: 4px; letter-spacing: 0.01em; text-transform: uppercase; justify-content: center; }

.mbp2642 > svg { width: 19px; margin-left: 8px; }

.mbp2642:active { background: rgb(121, 0, 0); }

.mbp2642:disabled { cursor: not-allowed; opacity: 0.6; }

.mbp2643 { font-family: "Area Variable", Lato, Arial, sans-serif; font-weight: 700; }

.mbp2644 { height: 48px; font-size: 16px; font-weight: bold; border-radius: 24px; }

@media (max-width: 767.95px) {
  .mbp2644 { text-transform: uppercase; }
}

@media (max-width: 767.95px) {
  .mbp2645 { font-size: 14px; }
}

.mbp2646 { flex-direction: column; }

.mbp2646 button { width: 100%; font-size: 18px; min-height: 56px; line-height: 26px; border-radius: 3px; margin-bottom: 8px; text-transform: capitalize; }

@media (min-width: 600px) {
  .mbp2646 button { margin-bottom: 16px; }
}

.mbp2647 .mbp2639, .mbp2647 .mbp2640, .mbp2647 .mbp2641, .mbp2647 .mbp2642 { background: rgb(32, 22, 72); }

.mbp2647 .mbp2639:active, .mbp2647 .mbp2640:active, .mbp2647 .mbp2641:active, .mbp2647 .mbp2642:active { background: rgb(32, 22, 72); }

.mbp2648 { margin-left: 5px; }

.mbp2649 { text-align: center; }