.story-kudos{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.story-kudos>button,.story-view-count{border:1px solid color-mix(in srgb, currentColor 28%, transparent);min-height:42px;color:inherit;background:color-mix(in srgb, currentColor 9%, transparent);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:850;display:inline-flex}.story-view-count{border:1px solid color-mix(in srgb,currentColor 18%,transparent);min-height:42px;color:inherit;background:color-mix(in srgb,currentColor 5%,transparent);border-radius:999px;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}:is(.story-kudos>button:hover,.story-kudos>button:focus-visible,.story-kudos>button[aria-pressed=true]){color:#f0eaff;background:#6f50c9;border-color:#a98ff3}.story-kudos>button[aria-pressed=true] .love-heart-mark svg:first-child{fill:currentColor}.story-kudos>button:disabled:not([aria-pressed=true]){cursor:wait;opacity:.65}.story-kudos>button[aria-pressed=true]{cursor:default}.story-kudos svg{width:17px;height:17px}.story-kudos>button[aria-pressed=true]>svg{fill:currentColor}.story-kudos.compact>button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0}