@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.like-buttons{--transition-duration:0.4s;--transition-easing:cubic-bezier(0.23,1,0.32,1);--button-offset:46px;--like-list-width:146px;display:inline-block;position:relative}.like-buttons:before{background-color:var(--wp--preset--color--tertiary);border-radius:26px;box-shadow:0 4px 10px #000000b3;content:"";height:52px;left:50%;opacity:0;padding:13px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity var(--transition-duration) var(--transition-easing);width:0}.like-buttons__list{align-items:center;border-radius:40px;display:flex;list-style:none;margin:0;padding:0;position:relative;transition:background-color var(--transition-duration),box-shadow var(--transition-duration)}.like-buttons li{flex-shrink:0;transition:transform var(--transition-duration) var(--transition-easing),opacity var(--transition-duration) var(--transition-easing)}.like-buttons li:nth-child(2){position:relative;z-index:2}.like-buttons li:first-child,.like-buttons li:last-child{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.5);z-index:1}.like-buttons li:first-child .card__details-action-link,.like-buttons li:last-child .card__details-action-link{border-color:#0000}.like-buttons .like-transparent{display:inline-block}.like-buttons .in-liked-list .like-transparent,.like-buttons .like-filled{display:none}.like-buttons .in-liked-list .like-filled{display:inline-block}.like-buttons .in-liked-list path{fill:var(--wp--preset--color--white)}.like-buttons .is-loading{background-color:var(--wp--preset--color--tertiary);pointer-events:none;position:relative}.like-buttons .is-loading:before{animation:rotation 1s linear infinite;background-color:var(--wp--preset--color--tertiary);border:2px solid var(--wp--preset--color--white);border-bottom:2px solid #0000;border-radius:50%;box-sizing:border-box;content:"";display:inline-block;height:20px;left:50%;outline:5px solid var(--wp--preset--color--tertiary);position:absolute;top:50%;translate:-50% -50%;width:20px}.like-buttons:hover:before{opacity:1;width:var(--like-list-width)}.like-buttons:hover li{opacity:1;transform-origin:center}.like-buttons:hover li .card__details-action-link{border-color:#0000}.like-buttons:hover li:first-child{transform:translate(calc(-50% - var(--button-offset)),-50%) scale(1)}.like-buttons:hover li:last-child{transform:translate(calc(-50% + var(--button-offset)),-50%) scale(1)}