.social-links{display:flex;flex-wrap:wrap;gap:12px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 18px;border:1px solid #d8d2c6;border-radius:8px;background:#faf7f0;color:#151513;font-size:16px;line-height:1.3;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.social-links .social-icon{width:24px;height:24px;flex-shrink:0;color:#087443}
.social-links .social-arrow{font-size:20px;color:#e22400}
.hero-social a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.hero-social a svg{width:23px;height:23px}
.social-links a:focus-visible,.hero-social a:focus-visible{outline:3px solid #087443;outline-offset:4px}
@media(hover:hover){.social-links a:hover{background:#087443;color:#fff;border-color:#087443;transform:translateY(-2px)}.social-links a:hover .social-icon,.social-links a:hover .social-arrow{color:inherit}}
@media(max-width:700px){.social-links{gap:10px}.social-links a{flex:1 1 150px;justify-content:flex-start}.social-links .social-arrow{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.social-links a{transition:none}.social-links a:hover{transform:none}}