.circle-player-wrapper{position:relative;display:inline-block;width:100%;border-radius:18px;overflow:hidden}.circle-player-wrapper .wcp-product-img{width:100%;height:auto;display:block;border-radius:18px;transition:transform 0.6s cubic-bezier(.25,.46,.45,.94)}.circle-player-wrapper:hover .wcp-product-img{transform:scale(1.04)}.circle-player{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all 0.4s cubic-bezier(.25,.46,.45,.94);border-style:solid;background:rgba(255,255,255,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.5);box-shadow:0 15px 50px rgba(41,98,255,.15),0 4px 16px rgba(41,98,255,.06);width:130px;height:130px}.circle-player:hover{transform:translate(-50%,-50%) scale(1.06);background:rgba(255,255,255,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(41,98,255,.25),0 6px 20px rgba(41,98,255,.1)}.circle-player:active{transform:translate(-50%,-50%) scale(.94)!important}.circle-player .ripple{position:absolute;border-radius:50%;border:1.5px solid rgba(41,98,255,.08);animation:rippleAnim 3s infinite;pointer-events:none}.circle-player .ripple:nth-child(2){animation-delay:1s}@keyframes rippleAnim{0%{width:100%;height:100%;opacity:1;border-width:1.5px}100%{width:200%;height:200%;opacity:0;border-width:.5px}}.circle-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:rgba(41,98,255,.08);stroke-width:5}.circle-progress{fill:none;stroke:#2962ff;stroke-width:5;stroke-dasharray:282.74;stroke-dashoffset:282.74;stroke-linecap:round;transition:stroke-dashoffset 0.15s linear;filter:drop-shadow(0 2px 8px rgba(41,98,255,.2))}.player-icon{position:relative;z-index:2;line-height:1;transition:all 0.3s ease;text-shadow:0 2px 12px rgba(255,255,255,.3);font-size:34px;color:#1a2a4a;opacity:.85}.circle-player:hover .player-icon{transform:scale(1.05);color:#2962ff;opacity:1}.circle-progress.complete{stroke:#2ecc71!important;filter:drop-shadow(0 2px 8px rgba(46,204,113,.3))}@media (max-width:768px){.circle-player{width:100px!important;height:100px!important}.player-icon{font-size:26px!important}}@media (max-width:480px){.circle-player{width:70px!important;height:70px!important}.player-icon{font-size:20px!important}.circle-bg,.circle-progress{stroke-width:3!important}}