.pause-btn,.play-btn{border:none;background:0 0;position:relative;z-index:10;width:100%;line-height:0}.pause-btn svg,.play-btn svg{width:4em;height:4em;fill:#fff;padding:6px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.pause-btn .icon,.play-btn .icon{border:none;cursor:pointer;margin:0;outline:none}.pause-btn .icon,.play-btn .icon{background:#000}.playPause{width:100%;display:flex;padding:2px;margin-top:5px;border-radius:16px;position:relative;z-index:1;opacity:.1;transition:opacity 333ms;-webkit-transition:opacity 333ms;-o-transition:opacity 333ms;height:5em}.playPause:hover{background:rgb(0 0 0/15%);opacity:.75}.ssPlayPause{width:100%;height:5em;display:inline-block;opacity:.1;padding:.5em;cursor:pointer;transition:opacity 333ms;-webkit-transition:opacity 333ms;-o-transition:opacity 333ms}.ssPlayPause:hover,.ssPlayPause:focus{opacity:.75}.ssPause-btn,.ssPlay-btn{border:none;background:0 0}.ssPause-btn svg,.ssPlay-btn svg{width:4em;height:4em;padding:6px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.isHidden{display:none}.pause-btn.alignRight svg,.play-btn.alignRight svg{float:right}.pause-btn.alignLeft svg,.play-btn.alignLeft svg{float:left}.alignRight.ssPause-btn svg,.alignRight.pause-btn svg{margin-right:5px}.alignLeft.ssPause-btn svg,.alignLeft.pause-btn svg{margin-left:5px}