.tspt-os-socials {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 22px 0;
}
.tspt-os-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 44px;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(226, 172, 192, .48);
  border-radius: 999px;
  background: linear-gradient(140deg, rgba(105, 58, 92, .78), rgba(42, 23, 46, .95));
  color: #f6d5df;
  text-decoration: none !important;
  font: 600 12px/1.3 system-ui, sans-serif;
  letter-spacing: .02em;
  box-sizing: border-box;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.tspt-os-link svg { display:block; width:var(--tspt-os-size, 22px); height:var(--tspt-os-size, 22px); flex: none; }
.tspt-os-link:hover, .tspt-os-link:focus-visible {
  color: #fff;
  border-color: #f7c9d7;
  background: #683d5f;
  transform: translateY(-1px);
}
.tspt-os-link:focus-visible { outline: 2px solid #f7c9d7; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .tspt-os-link { transition: none; } .tspt-os-link:hover { transform: none; } }