.hero-controls{position:absolute;right:6%;bottom:88px;display:flex;align-items:center;gap:8px;background:rgba(6,41,87,.88);border:1px solid rgba(255,255,255,.5);padding:5px;color:white}
.hero-controls button{border:0;background:transparent;color:inherit;min-width:44px;min-height:44px;font-size:22px}
.hero-controls button:hover{background:rgba(255,255,255,.15)}
.hero-controls .hero-pause{font-size:14px;padding:0 14px;border-left:1px solid rgba(255,255,255,.4)}
.hero-count{font-size:14px;min-width:64px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:650px){.hero-controls{right:6%;bottom:90px}.hero{max-height:none;min-height:700px}.hero-content{top:8%}}