/* Back to Set / Back to My Collection + Next Comic Cut: match the text-link tab feel. */
.card .comic-cut-nav.is-visible{
  align-items:center !important;
}

.card .comic-cut-nav-btn,
.card .comic-cut-nav-btn:first-child,
.card .comic-cut-nav-btn:last-child{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:auto !important;
  min-height:0 !important;
  padding:0 4px 7px !important;
  border:0 !important;
  border-bottom:1px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.92) !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  cursor:pointer !important;
  transition:border-bottom-color .18s ease, color .18s ease, opacity .18s ease !important;
}

.card .comic-cut-nav-btn:hover,
.card .comic-cut-nav-btn:active,
.card .comic-cut-nav-btn:focus-visible{
  background:transparent !important;
  border-bottom-color:#ffffff !important;
  color:#ffffff !important;
  box-shadow:none !important;
  transform:none !important;
}

.card .comic-cut-nav-btn:focus-visible{
  outline:none !important;
}

.card .comic-cut-nav-btn[disabled],
.card .comic-cut-nav-btn:disabled{
  opacity:.38 !important;
  cursor:default !important;
  pointer-events:none !important;
  border-bottom-color:transparent !important;
}

@media (min-width:901px){
  .card .comic-cut-nav.is-visible{
    display:grid !important;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) !important;
    gap:12px !important;
    justify-items:stretch !important;
  }
  .card .comic-cut-nav-btn:first-child{
    justify-self:start !important;
    text-align:left !important;
    justify-content:flex-start !important;
  }
  .card .comic-cut-nav-btn:last-child{
    justify-self:end !important;
    text-align:right !important;
    justify-content:flex-end !important;
  }
}

@media (min-width:781px) and (max-width:900px){
  .card .comic-cut-nav.is-visible{
    display:flex !important;
    justify-content:space-between !important;
    gap:14px !important;
  }
  .card .comic-cut-nav-btn:first-child{
    justify-content:flex-start !important;
    text-align:left !important;
  }
  .card .comic-cut-nav-btn:last-child{
    justify-content:flex-end !important;
    text-align:right !important;
  }
}

@media (max-width:780px){
  .card .comic-cut-nav.is-visible{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:14px !important;
    margin:2px 0 12px !important;
    padding:0 !important;
  }
  .card .comic-cut-nav-btn,
  .card .comic-cut-nav-btn:first-child,
  .card .comic-cut-nav-btn:last-child{
    flex:0 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    font-size:13px !important;
    min-height:0 !important;
    padding:0 2px 7px !important;
  }
  .card .comic-cut-nav-btn:first-child{
    justify-content:flex-start !important;
    text-align:left !important;
  }
  .card .comic-cut-nav-btn:last-child{
    margin-left:auto !important;
    justify-content:flex-end !important;
    text-align:right !important;
  }
}