footer.page-footer { padding-top: $size-16; padding-bottom: $size-32; a.social-link { padding: $size-16; background-color: $white; margin-right: $size-16; fill: $black; display: inline-flex; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; svg { transition: all 0.2s ease-in-out; } &:hover { // box-shadow: 5px 5px 0 rgba($white, 0.5), 10px 10px 0 rgba($white, 0.4), 15px 15px 0 rgba($white, 0.3); background-color: $black; svg { fill: $bg; } } } }