a.login,
a.logout {
    padding: calc(0.3em + 2px) calc(0.8em + 2px);
    border-radius: 9999px;
    color: var(--wp--preset--color--text);
    background-color: var(--wp--preset--color--white);
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* User Profile Style*/
.dropbtn {
    padding: calc(0.1em + 2px) calc(0.5em + 2px);
    border-radius: 9999px;
    color: var(--wp--preset--color--text);
    background-color: var(--wp--preset--color--white);
    text-decoration: none;
    border: 0px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    img,svg {
        width: 25px;
    }

    .user_name {
        vertical-align: middle;
    }
}

.dropbtn:focus{
    color: unset !important;
    outline: none !important;
    background: unset !important;
}

.dropdown {
    position: relative;
    display: inline-block;

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: white;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        right: 0;
        border-radius: 9px;

        a {
            color: black;
            padding: 5px 16px;
            text-decoration: none;
            display: block;

            &:hover {
                color: var(--e-global-color-primary);
            }
        }
    }

    &:hover .dropdown-content {
        display: block;
    }

    &:hover .dropbtn {
        color: black;
        background-color: var(--wp--preset--color--white);
    }

    &:hover {
        background-color: transparent !important;
    }

    &:hover > span {
        color: var(--wp--preset--color--white) !important;
    }

    &:hover > img {
        filter: brightness(0) invert(1)!important;
    }
}