@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

.send-message-button {
  margin-top: 20px;
  padding: 10px 20px;
  color: rgb(var(--color_14, 0, 0, 0));
  border: 2px solid rgb(var(--color_14, 0, 0, 0));
  border-radius: 25px;
  cursor: pointer;
  background-color: white;
  transition: background-color 0.3s, color 0.3s;
}

.send-message-button:hover svg path {
  fill: #129DD8; /* lighter blue on hover */
}

.send-message-button:hover {
  background-color: rgb(33, 57, 131); /* Deep blue on hover */
  color: white; /* White text on hover */
}

.send-message-button:hover svg path {
  fill: #129DD8; /* lighter blue on hover */
}

.cyber3-modal-inner {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.3px;
}

#confirmation-modal h2 {
  font-size: 24px;
}

#confirmation-modal p {
  font-size: 15px;
}

#loginSocialBarCustomMenu {
  display: none;
}

#loginSocialBarCustomMenu.visible {
  display: block;
}