diff --git a/src/components/common/CreatorSocialLinksList.tsx b/src/components/common/CreatorSocialLinksList.tsx index a17e301..10b71a1 100644 --- a/src/components/common/CreatorSocialLinksList.tsx +++ b/src/components/common/CreatorSocialLinksList.tsx @@ -80,11 +80,11 @@ const CreatorSocialLinksList: React.FC = ({ href={url} target="_blank" rel="noreferrer" - className="link-action-chip group inline-flex w-full items-center justify-center gap-1.5 rounded-lg border border-white/10 bg-white/[0.03] px-2.5 py-2 text-[11px] font-semibold text-white/80 transition-colors hover:border-amber-400/40 hover:bg-amber-400/10 hover:text-amber-100" + className="link-action-chip group inline-flex w-full items-center justify-center gap-1.5 rounded-lg border border-white/10 bg-white/[0.03] px-2.5 py-2 text-[11px] font-semibold text-white/80 transition-all hover:border-amber-400/40 hover:bg-amber-400/10 hover:text-amber-100 focus-visible:border-amber-400/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background" > {label} - + ))} diff --git a/src/index.css b/src/index.css index a84b3ee..6b79ca9 100644 --- a/src/index.css +++ b/src/index.css @@ -175,27 +175,6 @@ margin-bottom: var(--spacing-section-major); } - .link-action-chip:focus-visible { - outline: none; - border-color: rgba(252, 211, 77, 0.85); - background-color: rgba(251, 191, 36, 0.2); - color: rgba(255, 255, 255, 0.98); - box-shadow: - 0 0 0 2px rgba(252, 211, 77, 0.9), - 0 0 0 5px rgba(15, 23, 42, 0.95); - } - - @media (forced-colors: active) { - .link-action-chip:focus-visible { - outline: 2px solid Highlight; - outline-offset: 2px; - border-color: Highlight; - background-color: Canvas; - color: CanvasText; - box-shadow: none; - } - } - .skeleton-shimmer { position: relative; overflow: hidden;