HTML YAPISI ŞU ŞEKİLDE

<div class="input">
    <label for="user_mail">Mail Adresiniz</label>
    <input type="text" class="form-control" id="user_mail" name="user_mail">
    <span>Gmail</span>
</div>

SCSS YAPISIDA ŞU ŞEKİLDE

.input {
    position: relative;
    label {
        font-family: 'Poppins', sans-serif;
        font-size: 17px;
        margin-bottom: 14px;
    }
    input {
        border: 1px solid $gray;
        transition: .3s all;
        &:focus {
            border: 1px solid $warning;
        }
    }

input (html etiketi) focus olduğu zaman span inputtan sonra geldiği için spana birşeyler yapmak istiyorum spanı nasıl seçerim?