.player-btn-primary, .player-btn-secondary {display: flex;position: relative;justify-content: center;align-items: center;width: 80px;height: 80px;border: 8px solid #999;border-radius: 50%;margin: auto;background: var(--btn-color);font-size: 35px;color: #fff;transition: 1s;}@media (max-width: 420px) {.player-btn-primary, .player-btn-secondary {width: 50px;height: 50px;border: 6px solid #999;font-size: 25px;}}@media (max-width: 310px) {.player-btn-primary, .player-btn-secondary {width: 40px;height: 40px;border: 4px solid #999;font-size: 20px;}}.player-btn-primary {background: var(--main-bg-color);outline: none;border: none;z-index: 3;overflow: hidden;}.player-btn-primary:before {content: '';position: absolute;background: var(--animation-color);width: 100%;height: 100%;left: 50%;top: 50%;z-index: -2;transform-origin: 0 0;animation: rotate 3s infinite linear;}.player-btn-primary:after {content: '';position: absolute;background: var(--btn-color);width: calc(100% - 6px);height: calc(100% - 6px);left: 3px;top: 3px;z-index: -1;border-radius: 50%;}@media (max-width: 420px) {.player-btn-primary:after {width: calc(100% - 4px);height: calc(100% - 4px);left: 2px;top: 2px;}}@media (max-width: 310px) {.player-btn-primary:after {width: calc(100% - 3px);height: calc(100% - 3px);left: 1.5px;top: 1.5px;}}.player-btn-primary:hover{background: var(--hover-color);}.player-btn-primary:active:before {background: var(--hover-color);}.player-btn-primary:active, .player-btn-secondary:active {background: var(--hover-color);font-size: 55px;transition: 0.1s;}@media (max-width: 420px) {.player-btn-primary:active, .player-btn-secondary:active {font-size: 30px;}}@media (max-width: 310px) {.player-btn-primary:active, .player-btn-secondary:active {font-size: 25px;}}@keyframes rotate {to {transform: rotate(1turn);}}.player-btn-secondary {background: var(--btn-color);outline: none;border: none;overflow: hidden;z-index: 1;}.player-btn-secondary:after {content: '';position: absolute;width: calc(100% - 6px);height: calc(100% - 6px);left: 3px;top: 3px;border-radius: 50%;background: var(--btn-color);z-index: -1;}.player-btn-secondary:hover {background: var(--hover-color);}.player-choose {padding: 0px;border: 6px solid var(--btn-color);}@media (max-width: 420px) {.player-choose {border: 4px solid var(--btn-color);}}@media (max-width: 310px) {.player-choose {border: 3px solid var(--btn-color);}}