.hms-player {
    position: relative;
    width: 100%;
    max-width: 1717px;
    margin: 0 auto;
    line-height: 0;
}
.hms-image {
    display: block;
    width: 100%;
    height: auto;
}
.hms-hitbox {
    position: absolute;
    top: 63%;
    height: 20%;
    width: 29%;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
    opacity: 0.001;
    z-index: 5;
    -webkit-tap-highlight-color: transparent;
}
.hms-start { left: 18%; }
.hms-stop  { right: 18%; }

.hms-hitbox:focus-visible {
    opacity: 1;
    outline: 3px solid #ff9a23;
    outline-offset: 3px;
    background: rgba(0,0,0,.15);
}

.hms-player.hms-no-audio .hms-hitbox {
    cursor: not-allowed;
}

@media (max-width: 600px) {
    .hms-hitbox {
        top: 62%;
        height: 22%;
        width: 31%;
    }
    .hms-start { left: 16.5%; }
    .hms-stop  { right: 16.5%; }
}