/* User Profile Style*/
.dropbtn {
    display: flex;
    flex-direction: row;
    padding: calc(0.1em + 2px) calc(0.2em + 2px);
    
    color: var(--wp--preset--color--text);
    text-decoration: none;

    border: 0px;
    border-radius: 9999px;
    background-color: var(--wp--preset--color--white);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    svg {
        width: 25px;
        height: 25px;
    }

    .label {
        font-weight: bold;
    }
}

.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 {
            padding: 5px 16px;
        }
    }

    a {
        color: black;
        padding: 0 10px;
        text-decoration: none;
        display: block;

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

    &: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;
    }
}