.project-page .mobile-exit-button {
  min-width: 132px !important;
  min-height: 58px !important;
  padding: 0 24px !important;
  gap: 10px !important;
  border: 1px solid rgba(226, 180, 102, 0.54) !important;
  border-radius: 0 !important;
  color: rgba(245, 241, 232, 0.94) !important;
  background:
    radial-gradient(circle at 42% 28%, rgba(255, 255, 255, 0.34), transparent 25%),
    radial-gradient(circle at 74% 70%, rgba(226, 180, 102, 0.24), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(226, 180, 102, 0.12) 42%, rgba(5, 5, 5, 0.24)) !important;
  box-shadow:
    0 22px 64px rgba(0, 0, 0, 0.56),
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 0 42px rgba(226, 180, 102, 0.18),
    inset 0 1px rgba(255, 255, 255, 0.34),
    inset 0 -1px rgba(226, 180, 102, 0.18) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.42) contrast(1.04) !important;
  backdrop-filter: blur(20px) saturate(1.42) contrast(1.04) !important;
  clip-path: polygon(18% 0, 100% 0, 100% 64%, 78% 100%, 0 100%, 0 34%);
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.project-page .mobile-exit-button::before {
  position: absolute;
  inset: 8px;
  content: '';
  border: 1px solid rgba(255, 255, 255, 0.22);
  clip-path: polygon(18% 0, 100% 0, 100% 64%, 78% 100%, 0 100%, 0 34%);
  pointer-events: none;
}

.project-page .mobile-exit-button::after {
  position: absolute;
  inset: -20% -40%;
  content: '';
  background:
    radial-gradient(ellipse at 32% 34%, rgba(255, 255, 255, 0.42), transparent 24%),
    linear-gradient(118deg, transparent 0 41%, rgba(255, 255, 255, 0.46) 43%, transparent 49%),
    linear-gradient(315deg, transparent 0 58%, rgba(226, 180, 102, 0.2) 60%, transparent 66%);
  filter: blur(0.4px);
  mix-blend-mode: screen;
  pointer-events: none;
  animation: backLiquidShine 4.8s ease-in-out infinite alternate;
}

.project-page .mobile-exit-button svg,
.project-page .mobile-exit-button span {
  position: relative;
  z-index: 1;
}

.project-page .mobile-exit-button:hover {
  transform: translateY(-4px) scale(1.035) !important;
  box-shadow:
    0 28px 76px rgba(0, 0, 0, 0.58),
    0 0 58px rgba(226, 180, 102, 0.28),
    inset 0 1px rgba(255, 255, 255, 0.46) !important;
}

@keyframes backLiquidShine {
  from {
    opacity: 0.55;
    transform: translate3d(-10%, -4%, 0) rotate(-2deg);
  }

  to {
    opacity: 0.9;
    transform: translate3d(12%, 5%, 0) rotate(2deg);
  }
}

@media (max-width: 720px) {
  .project-page .mobile-exit-button {
    min-width: 116px !important;
    min-height: 52px !important;
    padding: 0 20px !important;
  }
}