.floating-contact {
  position: fixed;
  top: 30%;
  right: 24px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contact-item {
  min-width: 245px;
  padding: 13px 18px;
  border-radius: 14px;
  text-align: center;
  background: linear-gradient(135deg, #07111f, #0b1f36);
  color: #f8fbff;
  text-decoration: none;

  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.2px;

  border: 1px solid rgba(120, 190, 255, 0.35);
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);

  transition: 0.25s ease;
}

.contact-item span {
  display: block;
  margin-bottom: 3px;

  color: #7cc7ff;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.4px;
}

.contact-item:hover {
  transform: translateX(-5px);
  background: linear-gradient(135deg, #09213d, #123b63);
  border-color: rgba(124, 199, 255, 0.8);
  color: white;
}