Span element not showing

.btn-rounded {

position: relative;

padding: 0.9375rem, 1.2rem;

font-weight: 500;

margin: 0;

height: 3rem;

border: 0.1rem solid rgba($white, 0.6);

span {

    position: absolute;

    background-color: $primary;

    width: 5rem;

    height: 5rem;

    top: 50%;

    right: 5px;

    transform: translateY(-50%);



Hi all, for some reason the span element is not showing in my browser with this code in my scss file.
Requesting your assistance.

maybe try this

display: inline-block;
display: block;

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.