/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.socials {
  display: flex;
  gap: 1rem;
  align-items: center; }
  @media (max-width: 980px) {
    .socials {
      order: 1;
      justify-content: center; } }
  .socials .social a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--wp--preset--color--white);
    background-color: var(--wp--preset--color--primary);
    transition: background-color .2s ease-in-out, color .2s ease-in-out; }
    .socials .social a:hover {
      background-color: var(--wp--preset--color--background);
      color: var(--wp--preset--color--primary); }
    .socials .social a [class^="icon-"], .socials .social a [class*=" icon-"], .socials .social a [class^="icon-"]:before, .socials .social a [class*=" icon-"]:before {
      width: auto; }

/*# sourceMappingURL=socials.css.map */