.press-vote-widget{display:flex;flex-direction:column;gap:10px;margin:10px 0;position:relative;z-index:2;color:inherit}
.press-vote-widget .pvw-row{display:flex;align-items:center;gap:10px}
.press-vote-widget .pvw-progress{height:var(--ps-pbh,8px);background:color-mix(in srgb, currentColor 12%, transparent);border:1px solid color-mix(in srgb, currentColor 16%, transparent);border-radius:var(--ps-radius,10px);overflow:hidden}
.press-vote-widget .pvw-bar{height:100%;background:currentColor;opacity:.25;width:0%}
.press-vote-widget .pvw-label{font-size:12px;opacity:.7}
.press-vote-widget .pvw-score{min-width:42px;text-align:center;font-weight:800;border:1px solid color-mix(in srgb, currentColor 16%, transparent);border-radius:calc(var(--ps-radius,10px) - 2px);padding:6px 8px;color:inherit}
/* Buttons – sizes */
.press-vote-widget [class^="pvw-"]{font:inherit}
.press-vote-widget .pvw-up,.press-vote-widget .pvw-down{border:none;border-radius:var(--ps-radius,10px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;background:color-mix(in srgb, currentColor 10%, transparent);box-shadow:none;transition:transform .06s ease, background .2s ease}
.press-vote-widget .pvw-up:hover,.press-vote-widget .pvw-down:hover{background:color-mix(in srgb, currentColor 20%, transparent);transform:translateY(-1px)}
.press-vote-widget .pvw-up[disabled],.press-vote-widget .pvw-down[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.press-vote-widget[data-btn="xs"] .pvw-up,.press-vote-widget[data-btn="xs"] .pvw-down{width:26px;height:26px}
.press-vote-widget[data-btn="sm"] .pvw-up,.press-vote-widget[data-btn="sm"] .pvw-down{width:32px;height:32px}
.press-vote-widget[data-btn="md"] .pvw-up,.press-vote-widget[data-btn="md"] .pvw-down{width:38px;height:38px}
.press-vote-widget[data-btn="lg"] .pvw-up,.press-vote-widget[data-btn="lg"] .pvw-down{width:46px;height:46px}
/* Compact */
.press-vote-widget.compact .pvw-row{gap:6px}
.press-vote-widget.compact .pvw-score{padding:4px 6px;min-width:36px}
.press-vote-widget.compact .pvw-label{display:none}
/* Icons (CSS masked for theme color) */
.icon{display:block;width:50%;height:50%;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
/* Style variants */
.press-vote-widget.style1 .icon.i-up{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 4l7 8h-4v8H9v-8H5l7-8z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 4l7 8h-4v8H9v-8H5l7-8z"/></svg>')}
.press-vote-widget.style1 .icon.i-down{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 20l-7-8h4V4h6v8h4l-7 8z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 20l-7-8h4V4h6v8h4l-7 8z"/></svg>')}
/* Style2: stacked layout handled by class; icons reuse chevrons */
.press-vote-widget.style2 .pvw-row{flex-direction:column;align-items:flex-start}
.press-vote-widget.style2 .pvw-score{order:3}
.press-vote-widget.style2 .icon.i-up{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 14l5-5 5 5"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 14l5-5 5 5"/></svg>')}
.press-vote-widget.style2 .icon.i-down{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5"/></svg>')}
/* Style3: thumbs */
.press-vote-widget.style3 .icon.i-up{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 14h4v6H2v-6zm6 6h7.5a3.5 3.5 0 003.5-3.5V9a2 2 0 00-2-2h-5.3l.76-3.6-.17-1.06L12 2 8 7v13z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 14h4v6H2v-6zm6 6h7.5a3.5 3.5 0 003.5-3.5V9a2 2 0 00-2-2h-5.3l.76-3.6-.17-1.06L12 2 8 7v13z"/></svg>')}
.press-vote-widget.style3 .icon.i-down{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 4h4v6H2V4zm6-2h7.5A3.5 3.5 0 0119 5.5V15a2 2 0 01-2 2h-5.3l.76 3.6-.17 1.06L12 22 8 17V2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 4h4v6H2V4zm6-2h7.5A3.5 3.5 0 0119 5.5V15a2 2 0 01-2 2h-5.3l.76 3.6-.17 1.06L12 22 8 17V2z"/></svg>')}
/* Style4: minimal chevrons thinner */
.press-vote-widget.style4 .icon{width:42%;height:42%}
.press-vote-widget.style4 .icon.i-up{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2"><path d="M6 15l6-6 6 6"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2"><path d="M6 15l6-6 6 6"/></svg>')}
.press-vote-widget.style4 .icon.i-down{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>')}
/* Style5: compact pills */
.press-vote-widget.style5 .pvw-row{gap:8px}
.press-vote-widget.style5 .pvw-up,.press-vote-widget.style5 .pvw-down{border-radius:999px;padding:0 6px}
.press-vote-widget.style5 .icon{width:36%;height:36%}
/* Cost label inherits theme text */
.pvw-cost{opacity:.75}