.lbtn{
  position:absolute;z-index:20;
  background:rgba(20,20,20,.7);border:1px solid rgba(255,255,255,.18);
  color:#fff;border-radius:10px;cursor:pointer;display:grid;place-items:center;
  font-size:20px;line-height:1;transition:background .18s;
}
.lbtn:hover{background:rgba(20,20,20,.9)}
.lbtn[disabled]{opacity:.28;cursor:default}
.lclose{top:20px;right:20px;width:38px;height:38px}
.lnav{top:50%;transform:translateY(-50%);width:44px;height:56px;font-size:26px}
.lprev{left:16px}.lnext{right:16px}
.limg{max-width:100%;max-height:88vh;border-radius:6px;box-shadow:0 24px 70px rgba(0,0,0,.6)}
@media(max-width:640px){
  .lbox{padding:12px}
  .lnav{width:36px;height:46px;font-size:21px}
  .lprev{left:6px}.lnext{right:6px}
}