.provider__name { font-size: .9em; color: $gray-800; } .provider__short-name { font-weight: bold; } .provider-picker { @extend .popper; padding: 1rem; margin: 3rem; } .provider-picker__heading { font-size: 1.2rem; font-weight: bold; margin-bottom: 1rem; } .provider-picker__providers { list-style: none; padding: 0; margin: 0; } .provider-picker__provider { font-size: 1rem; .provider { margin: 0 -1rem; padding: .5rem 1rem; &:hover { background: $gray-100; } } } .provider { @include flex-with-spacing(.5rem); align-items: center; &:hover { text-decoration: none; } } @include media-breakpoint-down('sm') { .provider-picker { position: absolute; bottom: 0; left: 0; right: 0; margin: 1.5rem; } .provider-picker__providers { max-height: 170px; } }