.dr-user-menu {
position: relative;
flex-shrink: 0 !important;
}
.dr-hover-bg {
position: absolute;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
background-color: #fff;
border-radius: 20px;
transform: translate(-50%, -50%);
z-index: 1;
display: none;
}
.dr-user-menu:hover .dr-hover-bg,
.dr-user-menu.active .dr-hover-bg {
display: block;
}
.dr-user-dropdown {
position: absolute !important;
top: calc(75% + 5px);
right: 0;
min-width: max-content;
padding: 0;
background-color: #fff;
border-radius: 16px;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
z-index: 9999;
list-style: none;
display: none;
overflow: hidden;
font-family: 'GEOM', sans-serif;
font-size: 16px;
}
.dr-user-dropdown li {
list-style: none;
}
.dr-user-dropdown li a {
display: block;
padding: 12px 20px;
color: #12B0E7;
text-decoration: none;
font-size: 16px;
transition: all 0.2s ease-in-out;
}
.dr-user-dropdown li a:hover {
background-color: #000;
color: #fff;
}