@charset "utf-8";

._social a { align-items: center; display: flex; transition: background-color 0.25s ease-in-out 0s; }

._social a svg path { transition: fill 0.25s ease-out 0s; }

._social .icon, ._social.default { align-items: center; display: flex; justify-content: center; }

._social.default { gap: 16px; }

._social.default svg { height: 40px; width: 40px; }

._social.default svg path { fill: rgb(0, 0, 0); }

._social.default .icon { border-radius: 8px; height: 40px; width: 40px; }

._social.default .icon:active, ._social.default .icon:hover:not(.hover-disable) { background-color: rgb(0, 0, 0); }

._social.default .icon:active svg path, ._social.default .icon:hover:not(.hover-disable) svg path { fill: rgb(255, 255, 255); }

._social.default .icon:active:not(.hover-disable) { background-color: transparent; }

._social.default .icon:active:not(.hover-disable) svg path { fill: rgb(0, 0, 0); }

._social.default .label { display: none; }

._social.footer { align-items: center; display: flex; gap: 16px; }

._social.footer .icon { background: rgba(255, 255, 255, 0.1); border-radius: 50%; height: 40px; width: 40px; }

._social.footer .icon svg { height: 32px; width: 32px; }

._social.footer .icon svg path { fill: rgb(229, 229, 229); }

._social.footer .label { display: none; }

@media screen and (min-width: 768px) {
  ._social.default { gap: 24px; }
  ._social.footer { align-items: flex-start; flex-direction: column; gap: 4px; justify-content: center; }
  ._social.footer a { gap: 4px; height: 36px; }
  ._social.footer .icon { height: 28px; width: 28px; }
  ._social.footer .icon svg { height: 20px; width: 20px; }
  ._social.footer .label { color: rgb(212, 212, 212); display: block; font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; }
}