@media (max-width: 992px) {
  .last-card {
      margin-top: 40px;
  }
}

#modal1, #modal2, #modal3 {
  display: none;
  background-color: rgba(0, 0, 0, .8);
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
  transition: 300ms;
}

.modal-content {
  box-sizing: border-box;
  height: 90vh;
  width: 50vw;
  background-color: #141d28;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: auto;
}

#modal-buttons-container {
  width: 80%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  transition: ease all .5s;
}

#other-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.links-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
}

#add-link-button {
  outline: none;
  background: none;
  border: none;
  color: #007bff;
}

#add-link-button:hover {
  text-decoration: underline;
}

.pay-link, .whatsapp-link {
  color: #0a7bff;
  background: none;
  border: none;
  outline: none;
  text-align: center;
}

.pay-link:hover, .whatsapp-link:hover {
  color: #fff;
  font-weight: 600;
}

#success-modal, #receipt-modal, #comments-modal {
  display: flex;
  background-color: rgba(0, 0, 0, 1);
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
  transition: 0.3s;
}

.mail-to {
  color: #0a7bff;
  text-decoration: underline;
}

.mail-to:hover {
  color: #fff;
  font-weight: 600;
}