.action-pill-panel {
    background-color: #FFFFFF;
    border-radius: 999px;
    display: inline-flex;
    box-shadow: var(--shadow-light);
    position: absolute;
    z-index: 100000;
    top: -20px;
    right: 12px;
    padding: 4px 8px;
    align-items: center;
    gap: 2px;
    border: 1px solid var(--border-color-2, #D7DAE2);
    background: white;
    height: auto !important;
    width: auto !important;
}

.action-pill-panel .x-autocontainer-outerCt,
.action-pill-panel .x-autocontainer-innerCt {
    display: flex;
    align-items: end;
}

.action-pill-panel .x-panel-body {
    background: transparent;
    height: auto !important;
    width: auto !important;
}

.pill-btn {
    border-radius: 50%;
    background-color: transparent;
}

.pill-btn .x-btn-icon-el {
    color: #878787;
    font-size: 16px;
}

.pill-btn:hover {
    background-color: #EDEDED;
}

.pill-btn.x-btn-pressed,
.pill-btn:active {
    background-color: #EDEDED;
}

.hover-overlay-panel {
    position: relative;
    margin-top: 20px !important;
    overflow: visible !important;
}

.hover-overlay-panel > .x-panel-bodyWrap,
.hover-overlay-panel > .x-panel-bodyWrap > .x-panel-body,
.hover-overlay-panel > .x-panel-bodyWrap > .x-panel-body > .x-autocontainer-outerCt,
.hover-overlay-panel > .x-panel-bodyWrap > .x-panel-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt {
    overflow: visible !important;
}