.tl-arrow{display:none}
@media (min-width:900px) and (hover:hover){
  .tl-arrow{display:flex;align-items:center;justify-content:center;position:absolute;z-index:5;width:52px;height:52px;margin-top:-26px;border:0;border-radius:50%;background:#EFE6D2;color:#0A0A0A;font-size:1.5rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.28);transition:transform .2s ease,opacity .2s ease}
  .tl-arrow:hover{transform:scale(1.08);background:#fff}
  .tl-arrow:disabled{opacity:0;pointer-events:none}
  .tl-arrow--prev{left:16px}
  .tl-arrow--next{right:16px}
}