.cc-deck-controls { display:flex; flex-direction:column; align-items:center; justify-content:center; inset:auto 22px 24px auto; width:50px; height:auto; padding:8px; gap:5px; border:1px solid #ffffff1f; border-radius:999px; background:#15191c; box-shadow:0 6px 20px #00000024; backdrop-filter:none; }
.cc-deck-controls button.prev,.cc-deck-controls button.next { display:grid; place-items:center; width:32px; height:32px; min-width:32px; min-height:32px; margin:0; padding:0!important; border:0!important; border-radius:50%!important; background:transparent!important; color:#fff!important; box-shadow:none!important; line-height:1; }
.cc-deck-controls button svg { display:block; width:18px; height:18px; margin:0; flex:none; }
.cc-deck-controls button:hover:not(:disabled) { background:#ffffff14!important; }
.cc-deck-controls button:disabled { opacity:.22; }
.cc-deck-controls button:focus-visible { outline:1px solid #fff; outline-offset:0; }
.cc-deck-controls .cc-deck-count { display:grid; place-items:center; width:32px; min-width:0; height:25px; padding:0; margin:0; color:#fff; font:400 13px/1 Arial,sans-serif; letter-spacing:.02em; font-variant-numeric:tabular-nums; text-align:center; }
@media(max-width:600px) { .cc-deck-controls { right:12px; bottom:max(14px,env(safe-area-inset-bottom)); width:44px; padding:6px; gap:3px; }.cc-deck-controls button.prev,.cc-deck-controls button.next { width:30px; height:30px; min-width:30px; min-height:30px; }.cc-deck-controls .cc-deck-count { width:30px; height:23px; font-size:12px; } }