.citationBox {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    box-shadow: rgb(221, 221, 221) 0px 0px 10px 1px;
    transition: 0.25s;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
}

/* PlumX's own widget renders its "large" preset at 120x120px by default -
   twice the size of every other badge in this same column (Scopus/
   OpenCitations circles, Dimensions, Altmetric all sit around 60-64px).
   Constraining just the outer wrapper divs (.PlumX-Popup/.ppp-container)
   left the *actual* <svg> element rendering at its native 120x120 -
   confirmed via getBoundingClientRect() - so it was overflowing its now-
   smaller parent from the top-left corner rather than scaling down, which
   is why an earlier overflow:hidden attempt clipped it lopsided instead
   of centered. Targeting the svg itself directly is what actually makes
   it use its own width/height="100%" scaling behavior. */
.PlumX-Popup, .PlumX-Popup .ppp-container {
    width: 80px !important;
    height: 80px !important;
}

.PlumX-Popup {
    margin-top: -10px !important;
}

.PlumX-Popup svg {
    width: 80px !important;
    height: 80px !important;
}