.button-play{align-items:center;background:#0000004d;border-radius:var(--ox-border-radius);display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;transition:background var(--ox-transition) ease-out;width:100%}.button-play .button-play-animation{color:var(--ox-color);cursor:pointer;transition:var(--ox-transition) ease}.button-play .button-play-animation__stroke-dotted{opacity:0;stroke-dasharray:4,5;stroke-width:1px;animation:spin 4s linear infinite;transform-origin:50% 50%;transition:opacity 1s ease,stroke-width 1s ease}.button-play .button-play-animation__stroke-solid{stroke-dashoffset:0;stroke-dasharray:300;stroke-width:4px;transition:stroke-dashoffset 1s ease,opacity 1s ease}.button-play .button-play-animation__icon{transform-origin:50% 50%;transition:transform .2s ease-out}.button-play:hover{background:#00000080}.button-play:hover .button-play-animation{color:var(--ox-hover-color);transform:scale(1.1)}.button-play:hover .button-play-animation .button-play-animation__stroke-dotted{stroke-width:4px;opacity:1}.button-play:hover .button-play-animation .button-play-animation__stroke-solid{opacity:0;stroke-dashoffset:300}.button-play:hover .button-play-animation .button-play-animation__icon{transform:scale(1.05)}