app-pago-con-tarjeta {
  user-select: none !important;
}

.card-columns {
  column-count: 6 !important;
  column-gap: 0.5rem !important;
  @media (max-width: 576px) {
    column-count: 3 !important;
  }
}

.card-effect {
  border-width: 2px !important;
  &:hover {
    background-color: #c9c9c9b3 !important;
    transition: background-color 0.3s;
  }
  &:active {
    border-color: #2872ae !important;
    transition: background-color 0.3s;
  }
}

.active {
  border-color: #2872ae !important;
  transition: background-color 0.3s;
}