Span element not showing

[yrraadi]

.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.
thanks!

[anon58011934]

@yrraadi

span element is showing

maybe try this

display: inline-block;
or 
display: block;