.mp-social-icons {
   list-style: none;
   margin: 6px 0 0;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 6px;
}

.mp-social-icons__item {
   margin: 0;
   padding: 0;
}

.mp-social-icon {
   width: 24px;
   height: 24px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 6px;
   text-decoration: none;
   transition: filter 140ms ease, transform 120ms ease;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
}

.mp-social-icon svg {
   width: 24px;
   height: 24px;
   display: block;
}

.mp-social-icon:hover {
   filter: brightness(1.1);
}

.mp-social-icon:active {
   transform: scale(0.96);
}

.mp-social-icon:focus,
.mp-social-icon:focus-visible {
   outline: 2px solid rgba(59, 130, 246, 0.55);
   outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
   .mp-social-icon {
      transition: none;
   }
}