src/components/icon/IconSocial.astro
---
// IconSocial, recovered from blurr-components.pages.dev
---
<div class="isc"> <p class="isc__title">Volg ons</p> <div class="isc__links"> <a class="isc__link" href="#" aria-label="Volg ons op LinkedIn" target="_blank" rel="noopener"> <span class="isc__icon" aria-hidden="true"></span> <div class="isc__meta"> <span class="isc__platform">LinkedIn</span> <span class="isc__followers">12.4K</span> </div> </a><a class="isc__link" href="#" aria-label="Volg ons op Instagram" target="_blank" rel="noopener"> <span class="isc__icon" aria-hidden="true"></span> <div class="isc__meta"> <span class="isc__platform">Instagram</span> <span class="isc__followers">8.2K</span> </div> </a><a class="isc__link" href="#" aria-label="Volg ons op YouTube" target="_blank" rel="noopener"> <span class="isc__icon" aria-hidden="true">▶</span> <div class="isc__meta"> <span class="isc__platform">YouTube</span> <span class="isc__followers">3.1K</span> </div> </a><a class="isc__link" href="#" aria-label="Volg ons op X / Twitter" target="_blank" rel="noopener"> <span class="isc__icon" aria-hidden="true">𝕏</span> <div class="isc__meta"> <span class="isc__platform">X / Twitter</span> <span class="isc__followers">2.8K</span> </div> </a><a class="isc__link" href="#" aria-label="Volg ons op TikTok" target="_blank" rel="noopener"> <span class="isc__icon" aria-hidden="true"></span> <div class="isc__meta"> <span class="isc__platform">TikTok</span> <span class="isc__followers">5.5K</span> </div> </a> </div> </div>
<style>
.isc__title{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#999;margin:0 0 1rem}
.isc__links{display:flex;flex-wrap:wrap;gap:.75rem}
.isc__link{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:#f5f5f5;border-radius:8px;text-decoration:none;transition:background .15s,transform .15s}
.isc__link:hover{background:#ededfd;transform:translateY(-2px)}
.isc__icon{font-size:1.1rem}
.isc__meta{display:flex;flex-direction:column}
.isc__platform{font-size:.8rem;font-weight:600;color:var(--color-primary, #0a0a0a);line-height:1}
.isc__followers{font-size:.72rem;color:#999}
</style>