footer.page-footer { padding-top: $size-16; padding-bottom: $size-32; a.social-link { padding: $size-16; background-color: $white; fill: $black; display: inline-flex; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; margin-right: $size-16; 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; } } } @include touch { padding-top: 0; a.social-link { margin: 0; cursor: pointer; } .page-content { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: $size-512 + $size-128; } } }