@charset "utf-8";

.mbp1025 { display: flex; }

.mbp1026 { 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; }

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

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

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

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

.mbp1027 { 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; }

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

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

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

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

.mbp1028 { 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; }

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

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

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

.mbp1029 { 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; }

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

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

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

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

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

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

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

.mbp1033 { flex-direction: column; }

.mbp1033 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) {
  .mbp1033 button { margin-bottom: 16px; }
}

.mbp1034 .mbp1026, .mbp1034 .mbp1027, .mbp1034 .mbp1028, .mbp1034 .mbp1029 { background: rgb(32, 22, 72); }

.mbp1034 .mbp1026:active, .mbp1034 .mbp1027:active, .mbp1034 .mbp1028:active, .mbp1034 .mbp1029:active { background: rgb(32, 22, 72); }

.mbp1035 { margin-left: 5px; }

.mbp1036 { text-align: center; }