.header__signin svg {
        display: none;
    }

    .header__signin span {
        display: block;
    }

.header__signin {
        height: 40px;
        margin-left: 0px;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
        background-image: linear-gradient(to right, rgb(5, 50, 38) 0%, rgb(22, 201, 154) 51%, rgb(30, 255, 212) 100%);
        text-align: center;
        text-transform: uppercase;
        transition: 0.5s;
        background-size: 200%;
        color: rgb(255, 255, 255);
        box-shadow: rgb(28, 252, 193) 0px 0px 4px 0px;
        border-radius: 4px;
        cursor: pointer;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100px;
        background-color: rgb(28, 252, 193);
        font-size: 14px;
        font-weight: 500;
        border: 0px none rgb(255, 255, 255);
        appearance: button;
        font-family: Rajdhani-SemiBold, serif;
        line-height: 21px;

    }


@media (min-width: 768px) {
    .header__signin {
        height: 46px;
        margin-left: 0px;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
        background-image: linear-gradient(to right, rgb(5, 50, 38) 0%, rgb(22, 201, 154) 51%, rgb(30, 255, 212) 100%);
        text-align: center;
        text-transform: uppercase;
        transition: 0.5s;
        background-size: 200%;
        color: rgb(255, 255, 255);
        box-shadow: rgb(28, 252, 193) 0px 0px 4px 0px;
        border-radius: 4px;
        cursor: pointer;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100px;
        background-color: rgb(28, 252, 193);
        font-size: 14px;
        font-weight: 500;
        border: 0px none rgb(255, 255, 255);
        appearance: button;
        font-family: Rajdhani-SemiBold, serif;
        line-height: 21px;

    }
}




@media (max-width: 480px) {
    .header--logged .header__logo {
    background: var(--tf-logo) no-repeat left center;
    width: 120px;
    height: 40px;
    background-size: 40px 40px;
}

}