.entry-content ol,article ol,.post-content ol,.single-post ol{list-style:none;padding-left:0;counter-reset:pun-counter;margin:20px 0}.entry-content ol li,article ol li,.post-content ol li,.single-post ol li{counter-increment:pun-counter;position:relative;background:#f8f9fb;border:1px solid #eef0f4;border-radius:8px;padding:12px 100px 12px 50px;margin-bottom:8px;line-height:1.5;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.entry-content ol li:hover,article ol li:hover,.post-content ol li:hover,.single-post ol li:hover{background:#f0fdfa;border-color:var(--copy-btn-color);box-shadow:0 0 14px var(--glow-color)}.entry-content ol li::before,article ol li::before,.post-content ol li::before,.single-post ol li::before{content:counter(pun-counter) ".";position:absolute;left:10px;top:12px;width:32px;text-align:right;font-weight:700;color:var(--copy-btn-color);white-space:nowrap}.pun-copy-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--copy-btn-color);color:#fff;border:none;font-size:12px;font-weight:600;padding:6px 12px;border-radius:5px;cursor:pointer;opacity:1;transition:background .25s ease,box-shadow .25s ease;white-space:nowrap;z-index:5}.pun-copy-btn:hover{background:var(--copy-btn-hover);box-shadow:0 0 10px var(--glow-color)}.pun-copy-btn.pop{animation:pun-pop .35s ease}.pun-copy-btn.copied{background:var(--copy-btn-success)}.pun-copy-btn .btn-text{display:inline-block;animation:pun-fade-in .3s ease}@media (max-width:600px){.entry-content ol li,article ol li,.post-content ol li,.single-post ol li{padding:12px 14px 44px 50px}.pun-copy-btn{right:10px;bottom:8px;top:auto;transform:none}.pun-copy-btn.pop{animation:pun-pop-mobile .35s ease}}