.vp{position:relative;margin:10px 0;width:100%}
.vp video{display:block;width:100%;background:#000;border:3px solid var(--wood,#5a3a22);border-radius:6px}
.vp-label{display:inline-block;background:var(--red,#8e2b20);color:#fff;font:700 15px/1 Arial,sans-serif;padding:7px 12px;border-radius:4px 4px 0 0;letter-spacing:.3px}
.vp-btn{position:absolute;left:50%;top:calc(50% + 14px);transform:translate(-50%,-50%);width:clamp(64px,18vw,104px);height:clamp(64px,18vw,104px);border-radius:50%;border:4px solid #fff;background:rgba(142,43,32,.92);box-shadow:0 4px 18px rgba(0,0,0,.55);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:2;-webkit-tap-highlight-color:transparent}
.vp-btn::before{content:"";display:block;margin-left:12%;border-style:solid;border-width:clamp(14px,4vw,24px) 0 clamp(14px,4vw,24px) clamp(22px,6.5vw,38px);border-color:transparent transparent transparent #fff}
.vp-btn:hover,.vp-btn:focus-visible{background:var(--hay,#e8b84a);outline:4px solid #fff;outline-offset:3px}
.vp-btn:hover::before,.vp-btn:focus-visible::before{border-left-color:var(--ink,#2a1d14)}
.vp.playing .vp-btn{display:none}