.footer_socials {
display: flex;
align-items: center;
gap: 8px;
margin-left: auto;
}
.footer_socials a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border: 0;
color: #fff;
text-decoration: none;
}
.footer_socials a::before {
content: '';
position: absolute;
inset: 0;
border-radius: 50%;
background-color: transparent;
opacity: 0;
transform: scale(0.85);
transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}
.footer_socials i {
position: relative;
z-index: 1;
font-size: 16px;
line-height: 1;
color: #fff;
transition: color 0.2s ease;
}
.footer_socials a:hover i,
.footer_socials a:focus-visible i {
color: #fff;
}
.footer_socials a:hover::before,
.footer_socials a:focus-visible::before {
opacity: 1;
transform: scale(1);
}
.footer_socials a[href*='facebook.com']:hover::before,
.footer_socials a[href*='facebook.com']:focus-visible::before {
background-color: #1877f2;
}
.footer_socials a[href*='instagram.com']:hover::before,
.footer_socials a[href*='instagram.com']:focus-visible::before {
background-color: #e4405f;
}
.footer_socials a[href*='linkedin.com']:hover::before,
.footer_socials a[href*='linkedin.com']:focus-visible::before {
background-color: #0a66c2;
}
.footer_socials a[href*='nieuwsbrief']:hover::before,
.footer_socials a[href*='nieuwsbrief']:focus-visible::before {
background-color: #8f8f8f;
}
.footer_socials a[href*='disclaimer']:hover::before,
.footer_socials a[href*='disclaimer']:focus-visible::before {
background-color: #c03d3d;
}