.toggle-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;cursor:pointer;margin-right:8px;border-radius:50%;background:hsla(0,0%,100%,.1);transition:all .3s ease;z-index:1}.toggle-button:hover{background:hsla(0,0%,100%,.2)}.toggle-button .arrow-icon{font-size:12px;color:hsla(0,0%,100%,.8);transform:rotate(0);transition:transform .3s ease}.click-counter-container.expanded .toggle-button .arrow-icon{transform:rotate(180deg)}.click-counter-container .counter-details{max-width:none;opacity:1;transition:none}.hover-trigger{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.6));color:#fff;padding:5px 15px;border-radius:0 0 15px 15px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s ease;opacity:0;z-index:2}.hover-trigger .arrow-icon{font-size:14px;transform:rotate(180deg);transition:transform .3s ease;color:hsla(0,0%,100%,.8)}.hover-trigger .hover-text{font-size:14px;font-weight:700;background:linear-gradient(45deg,#ff69b4,#ff1493);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5px rgba(255,105,180,.2)}.click-counter-container.has-counts .hover-trigger{opacity:1}.click-counter-container.has-counts.expanded .hover-trigger,.click-counter-container.has-counts:hover .hover-trigger{opacity:0}@media screen and (max-width:768px){.hover-trigger{bottom:-26px;padding:3px 12px}.hover-trigger .arrow-icon,.hover-trigger .hover-text{font-size:12px}.toggle-button{width:18px;height:18px;margin-right:5px}}