.btn { display: inline-flex; justify-content: center; background: $primary; color: $bg; text-decoration: none; font-size: $font-nav; padding: 20px 45px; margin-right: 40px; border: none; border-radius: 5px; transition: 0.2s ease; &:hover { background: lighten($primary, 20%); } } .btn-secondary { color: $fg; background: $secondary; &:hover { background: darken($secondary, 10%); } }