.like-button{--button-star-greyscale:100%;--button-star-contrast:0%;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;color:#5e5e5e;outline:none;padding:17px 17px 17px 72px;font-size:25px;letter-spacing:4px;font-weight:600;line-height:1px;position:relative;display:flex;align-items:center;border-radius:50px;margin:0 0 5px}.like-button .icon{display:block;width:600px;height:300px;z-index:1;pointer-events:none;transform-origin:50% 52%;filter:grayscale(var(--button-star-greyscale)) contrast(var(--button-star-contrast));opacity:.3;position:absolute;top:-100px;left:-240px}.like-button .icon canvas{position:absolute;width:100%;height:100%}.like-button .label{width:140px;padding:20px 0 22px;transform:translateZ(0)}.like-button .default{display:block}.like-button .number{padding:30px 36px;position:relative;transform:translateZ(0)}.like-button .number:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#e8e8e8;opacity:.4}.like-button .current{color:#d9d9d9;opacity:1;display:block}.like-button .new{color:#fed600;top:30px}.like-button .add,.like-button .new{position:absolute;left:0;right:0;display:block}.like-button .add{bottom:100%;opacity:0;transform:translateY(38px);pointer-events:none;color:#d0d0db}.like-button.compact{padding:0!important;margin:0!important;width:100%!important;height:100%!important}.like-button.compact .icon{position:absolute!important;top:0!important;left:0!important;transform:none!important;opacity:1!important;filter:none!important}.like-button.compact .icon,.like-button.compact .icon canvas{width:100%!important;height:100%!important}