.bastet-footer-social {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
@include respond-above('start', 'mobile') {
justify-content: center;
margin-bottom: 20px;
}
a {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 15px;
height: 15px;
margin-right: 20px;
transition: all 300ms;
color: inherit;
svg {
width: 16px;
height: 16px;
fill: currentColor;
transition: all 300ms;
}
&:hover {
svg {
fill: bastet-color();
}
}
}
}