.glass-btn {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 0px;
  padding: 10px 18px;

  color: #fff;
  font-size: 14px;
  text-decoration: none;

  border: 1px solid rgba(255, 255, 255, 0.3);

  transition: all 0.3s ease;
}

/* hover эффект */
.glass-btn:hover {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  transform: translateY(-2px);
}


.glass-menu {
  background: linear-gradient(
    129.38deg,
    rgba(4, 57, 87, 0.7) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );

  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);

  border-radius: 10px;

  /* стеклянная обводка */
  border: 1px solid rgba(255, 255, 255, 0.2);

  /* глубина */
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.2),
    inset 0 1px rgba(255, 255, 255, 0.2);

  /* чтобы не было артефактов */
  overflow: hidden;
}



.glass-menu::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;

  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.4),
    rgba(255,255,255,0.05)
  );

  opacity: 0.3;
  pointer-events: none;
}