/* aero30-social.css — X link treatment in the AeroClub footer. */
.a29-footer .a30-x {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 8px;
  border: 1px solid rgba(141, 211, 239, 0.26);
  background: linear-gradient(
    160deg,
    rgba(255, 255, 255, 0.09),
    rgba(255, 255, 255, 0.03)
  );
  color: #cfeaf6;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.14),
    0 6px 16px rgba(2, 20, 34, 0.35);
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease,
    box-shadow 0.2s ease;
}

.a29-footer .a30-x svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.a29-footer .a30-x:hover {
  color: #ffffff;
  border-color: rgba(166, 239, 208, 0.55);
  background: linear-gradient(
    160deg,
    rgba(255, 255, 255, 0.16),
    rgba(255, 255, 255, 0.06)
  );
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.24),
    0 10px 22px rgba(2, 20, 34, 0.5);
}

.a29-footer .a30-x:focus-visible {
  outline: 3px solid #a4f5d7;
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .a29-footer .a30-x {
    padding: 9px 15px;
    gap: 8px;
    letter-spacing: 1.6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .a29-footer .a30-x {
    transition: none;
  }
}