.share-buttons{margin:2rem 0;padding:1.5rem;background:var(--color-background-secondary,#f8f9fa);border-radius:8px;border:1px solid var(--color-border,#e1e4e8)}.share-buttons-title{margin:0 0 1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary,#586069)}.share-buttons-container{display:flex;flex-wrap:wrap;gap:.75rem}.share-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border:1px solid var(--color-border,#d1d5db);border-radius:6px;background:var(--color-background,#ffffff);color:var(--color-text,#24292e);cursor:pointer;transition:all .2s ease;white-space:nowrap}.share-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.share-button:active{transform:translateY(0)}.share-button svg{flex-shrink:0}.share-button--twitter{background:#000000;color:#ffffff;border-color:#000000}.share-button--twitter:hover{background:#1a1a1a;border-color:#1a1a1a}.share-button--reddit{background:#ff4500;color:#ffffff;border-color:#ff4500}.share-button--reddit:hover{background:#ff5722;border-color:#ff5722}.share-button--copy{background:var(--color-background,#ffffff);color:var(--color-text,#24292e);border-color:var(--color-border,#d1d5db)}.share-button--copy:hover{background:var(--color-background-hover,#f3f4f6);border-color:var(--color-border-hover,#9ca3af)}.share-button--copied{background:#10b981;color:#ffffff;border-color:#10b981}.share-button--copied:hover{background:#059669;border-color:#059669}.share-button--native{background:var(--color-primary,#0066ff);color:#ffffff;border-color:var(--color-primary,#0066ff)}.share-button--native:hover{background:var(--color-primary-dark,#0052cc);border-color:var(--color-primary-dark,#0052cc)}@media (prefers-color-scheme:dark){.share-buttons{background:var(--color-background-secondary,#1a1a1a);border-color:var(--color-border,#333333)}.share-buttons-title{color:var(--color-text-secondary,#8b949e)}.share-button{background:var(--color-background,#2d2d2d);color:var(--color-text,#e6edf3);border-color:var(--color-border,#444444)}.share-button:hover{box-shadow:0 2px 8px rgba(0,0,0,.3)}.share-button--copy{background:var(--color-background,#2d2d2d);color:var(--color-text,#e6edf3)}.share-button--copy:hover{background:var(--color-background-hover,#3d3d3d);border-color:var(--color-border-hover,#555555)}}@media (max-width:640px){.share-buttons-container{flex-direction:column}.share-button{width:100%;justify-content:center}}