.mc-probador-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: 100%;
  margin-top: .65rem !important;
  border: 1px solid #17233a !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #17233a !important;
  font-weight: 800 !important;
  text-align: center;
}

.mc-probador-button:hover,
.mc-probador-button:focus-visible {
  background: #ffc928 !important;
  color: #161618 !important;
}

.mc-probador-button--single {
  max-width: 420px;
  min-height: 48px;
}

.mc-probador-button--visible-single {
  max-width: none;
  min-height: 58px;
  margin: 18px 0 6px !important;
  background: #ffc928 !important;
  border-radius: 4px !important;
  font-size: 18px !important;
}

.mc-probador-button--card {
  position: absolute !important;
  top: 14px;
  right: 14px;
  z-index: 3;
  width: auto;
  min-height: 32px;
  margin: 0 !important;
  padding: 6px 9px !important;
  background: #ffc928 !important;
  border-radius: 999px !important;
  box-shadow: 0 3px 10px rgba(23, 35, 58, .22);
  font-size: 12px !important;
  letter-spacing: .04em;
  line-height: 1.15 !important;
  text-decoration: none !important;
}

.mc-probador-button--card::after {
  position: absolute;
  inset: -6px;
  content: "";
}

.mc-probador-card-with-badge {
  position: relative !important;
}

.mc-probador-button--card.mc-probador-button--pending {
  border-color: #8b8f98 !important;
  background: #f5f6f8 !important;
  color: #536078 !important;
}

.mc-probador-button--card.mc-probador-button--pending:hover,
.mc-probador-button--card.mc-probador-button--pending:focus-visible {
  border-color: #17233a !important;
  background: #fff3c4 !important;
  color: #17233a !important;
}

@media (max-width: 689px) {
  .mc-probador-button--visible-single,
  .mc-probador-button--card {
    min-height: 44px;
    font-size: 14px !important;
  }

  .mc-probador-button--card {
    top: 10px;
    right: 10px;
    height: 32px !important;
    min-height: 32px !important;
    padding: 6px 9px !important;
  }
}