.play-box1{aspect-ratio:1/1;display:flex;height:0;left:50%;position:absolute;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;align-items:center;border-radius:9999px;justify-content:space-around;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));opacity:0;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .play-box1{opacity:.7}.play-box1-img{aspect-ratio:auto;height:auto;-o-object-fit:cover;object-fit:cover;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:0}.group:hover .play-box1-img{width:60%}.play-box2{align-items:center;border-radius:9999px;display:flex;height:68px;justify-content:space-around;width:68px;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));opacity:.7}.play-box2-img{aspect-ratio:auto;height:auto;-o-object-fit:cover;object-fit:cover;width:40px}