.action-button-group{align-items:center;gap:.5rem;display:flex}.action-button-group .action-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-button-group .action-button:hover{background:#ffffff1a;transform:scale(1.05)}.action-button-group .action-button:active{transform:scale(.95)}.action-button-group .action-button.active{background:#fff3;border-color:#fff6}.action-button-group .action-button--mark-read:hover{color:#50e3c2;background:#50e3c24d;border-color:#50e3c280}.action-button-group .action-button--bookmark:hover{color:gold;background:#ffd7004d;border-color:#ffd70080}.action-button-group .action-button--share:hover{color:#3b82f6;background:#3b82f64d;border-color:#3b82f680}.action-button-group .vote-container{border:1px solid #fff3;border-radius:1.5rem;align-items:center;padding:0;display:flex;overflow:hidden}.action-button-group .vote-container:hover{background:#8b5cf64d;border-color:#8b5cf6e6}.action-button-group .vote-container.active{background:#8b5cf626;border-color:#8b5cf6e6}.action-button-group .vote-container.active:hover{background:#8b5cf64d;border-color:#8b5cf6e6}.action-button-group .vote-container .vote-button{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem .5rem;transition:all .2s;display:flex}.action-button-group .vote-container .vote-button--upvote:hover,.action-button-group .vote-container .vote-button--downvote:hover{transform:scale(1.2)}.action-button-group .vote-container .vote-count{color:#fff;text-align:center;min-width:1rem;padding:0 .25rem;font-size:.75rem;font-weight:600}.action-button-group--small{gap:.375rem}.action-button-group--small .action-button{width:1.75rem;height:1.75rem}.action-button-group--small .vote-container{height:1.75rem}.action-button-group--small .vote-container .vote-button{padding:.125rem .375rem}.action-button-group--small .vote-container .vote-count{font-size:.625rem}.action-button-group--medium{gap:.5rem}.action-button-group--medium .action-button{width:2rem;height:2rem}.action-button-group--medium .vote-container{height:2rem}.action-button-group--medium .vote-container .vote-button{padding:.25rem .5rem}.action-button-group--medium .vote-container .vote-count{font-size:.75rem}.action-button-group--large{gap:.625rem}.action-button-group--large .action-button{width:2.5rem;height:2.5rem}.action-button-group--large .vote-container{height:2.5rem}.action-button-group--large .vote-container .vote-button{padding:.375rem .625rem}.action-button-group--large .vote-container .vote-count{font-size:.875rem}.action-button-group--grid .action-button{background:#ffffff1a;border-color:#fff3}.action-button-group--grid .vote-container{background:#ffffff1a}.action-button-group--modal .action-button{color:#333;background:#0000000d;border-color:#fff3}.action-button-group--modal .action-button:hover{background:#0000001a}.action-button-group--modal .action-button.active{background:#00000026;border-color:#fff6}.action-button-group--modal .vote-container{background:#0000000d;border-color:#fff3}.action-button-group--modal .vote-container:hover{background:#0000001a}.action-button-group--modal .vote-container .vote-button{color:#333}.action-button-group--modal .vote-container .vote-count{color:#fefefe}@media (max-width:768px){.action-button-group{gap:.375rem}.action-button-group--medium .action-button{width:1.875rem;height:1.875rem}.action-button-group--medium .vote-container{height:1.875rem}.action-button-group--medium .vote-container .vote-button{padding:.1875rem .375rem}}@media (max-width:48rem){.action-button-group--large .action-button,.action-button-group--large .vote-button{width:2rem;height:2rem}.action-button-group--large .action-button img,.action-button-group--large .vote-button img{width:1rem;height:1rem}.action-button-group--large .vote-container{height:2rem}.action-button-group--medium .action-button,.action-button-group--medium .vote-button{width:1.875rem;height:1.875rem}.action-button-group--medium .action-button img,.action-button-group--medium .vote-button img{width:1rem;height:1rem}.action-button-group--medium .vote-container{height:1.875rem}.action-button-group--small .action-button,.action-button-group--small .vote-button{width:2rem;height:2rem}.action-button-group--small .action-button img,.action-button-group--small .vote-button img{width:1rem;height:1rem}.action-button-group--small .vote-container{height:2rem}.action-button-group--small .vote-container img{width:1rem;height:1rem}}