vue-website/components/Socials.vue

<template>
    <div class="socials">
      <slot />
    </div>
  </template>
  
  <style scoped>
  .socials {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
  
    a {
      width: 1.75rem;
  
      &:hover {
        transform: translateY(-5px);
      }
    }
  }
  </style>