/* Fiverr-style circular prev/next on media galleries */
.mg-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  padding:0;
  margin:0;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  color:#404145;
  box-shadow:0 2px 10px rgba(0,0,0,.14);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:6;
  line-height:1;
  font-size:0.95rem;
  transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease;
  -webkit-appearance:none;
  appearance:none;
}
.mg-nav:hover{
  background:#f5f5f5;
  box-shadow:0 4px 14px rgba(0,0,0,.18);
}
.mg-nav:active{
  transform:translateY(-50%) scale(.96);
}
.mg-nav:focus-visible{
  outline:2px solid var(--primary,var(--accent,#1dbf73));
  outline-offset:2px;
}
.mg-nav.is-hidden,
.mg-nav[hidden]{
  display:none !important;
}
.mg-nav-prev{left:12px}
.mg-nav-next{right:12px}
.mg-nav i{pointer-events:none}

@media (max-width:576px){
  .mg-nav{width:36px;height:36px;font-size:0.85rem}
  .mg-nav-prev{left:8px}
  .mg-nav-next{right:8px}
}