/* invite.css */

.invite-side {
  position: absolute;
  left: calc(100% + 18px);
  top: 50%;
  transform: translateY(-50%);

  display: inline-flex;
  align-items: center;
  gap: 14px;

  white-space: nowrap;
  text-decoration: none;

  padding: 4px 10px 4px 6px;
  border-radius: 10px;

  transition: background-color 0.2s ease;
}

.invite-side:hover {
  background: rgba(137, 180, 250, 0.08);
}

.pixel-arrow-side {
  font-family: "Press Start 2P", "Courier New", monospace;
  font-size: 82px;
  color: var(--blue);
  line-height: 1;
  display: inline-block;
  animation: pixel-nudge 0.9s ease-in-out infinite alternate;
}

@media (max-width: 600px) {
  .invite-side {
    padding-right: 2px;
    gap: 0;
  }

  .invite-text {
    display: none !important;
    font-size: 48px;
  }

  .pixel-arrow-side {
    font-size: 62px;
  }
}

@keyframes pixel-nudge {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(10px);
  }
}