/* Social-media-iconen in de footer (los bestand, bestaande stijlen blijven ongewijzigd). */
.social { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 20px; }
.social a.social__link { display: inline-block; width: 22px; height: 22px; margin: 0; padding: 0; background-color: var(--muted); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; transition: background-color 160ms ease; }
.social a.social__link:hover, .social a.social__link:focus-visible { background-color: var(--accent-ink); }
.social__link--youtube { -webkit-mask-image: url(../img/social/youtube.svg); mask-image: url(../img/social/youtube.svg); }
.social__link--tiktok { -webkit-mask-image: url(../img/social/tiktok.svg); mask-image: url(../img/social/tiktok.svg); }
.social__link--facebook { -webkit-mask-image: url(../img/social/facebook.svg); mask-image: url(../img/social/facebook.svg); }
.social__link--instagram { -webkit-mask-image: url(../img/social/instagram.svg); mask-image: url(../img/social/instagram.svg); }
.social__link--pinterest { -webkit-mask-image: url(../img/social/pinterest.svg); mask-image: url(../img/social/pinterest.svg); }