@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

.bad-social-links {
  --icon-size: var(--dimension-xl);

  column-gap: var(--dimension-l);
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;

  a {
    align-items: center;
    box-sizing: border-box;
    color: var(--color-primary-200);
    display: flex;
    justify-content: center;
    text-decoration: none;
    width: auto;

    &:hover {
      color: var(--color-secondary-200);
      text-decoration: none !important;
    }

    .fa,
    .fab {
      font-size: var(--icon-size);
    }

    .fa-youtube,
    .fa-linkedin-in {
      font-size: calc(var(--icon-size) * 1.1);
    }
  }
}