button{cursor:pointer;padding:0}.media-controls{color:#333;flex-direction:column;justify-content:center;display:flex}.media-buttons{gap:10px;display:flex}.media-button{text-align:center;background-color:#0000;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.button-icons{background-color:#ffb347;border-radius:50%;margin-bottom:6px;padding:12px;font-size:18px}.back-button .button-icons,.skip-button .button-icons{color:#666;background-color:#0000}.rewind-button .button-icons,.fast-forward-button .button-icons{color:#444;background:linear-gradient(to bottom left,#fff3c4,#ffc266)}.play-button .button-icons{color:#ff8c00;background:linear-gradient(to bottom left,#fff,#fff3c4);border:1px solid #ffcf70;padding:22px;font-size:22px;box-shadow:-2px 2px 6px #ffb3474d,2px -2px 6px #ffffffb3}.button-text{font-size:12px}.media-progress{width:100%;margin-top:20px}.progress-bar-wrapper{background-color:#f2f2f2;border-radius:10px;width:100%;height:8px;position:relative}.progress-bar{background:linear-gradient(90deg,#ffd24d,#ff9800);border-radius:10px;width:0%;height:100%;transition:width .2s linear}.progress-time-current,.progress-time-total{margin-top:6px;font-size:12px}