.unite-pay-page-tabs {
  position: relative;
  z-index: 5;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
  padding: 9px;
  border: 1px solid #cbd5df;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 7px 20px rgba(23, 34, 51, 0.08);
  touch-action: pan-x;
  cursor: grab;
}

.unite-pay-page-tabs.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.unite-pay-page-tabs a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  border-radius: 9px;
  color: #172233;
  background: transparent;
  font-family: Arial, "Helvetica Neue", sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  text-decoration: none;
}

.unite-pay-page-tabs a:hover,
.unite-pay-page-tabs a:focus-visible,
.unite-pay-page-tabs a[aria-current="page"] {
  color: #ffffff;
  background: #df151d;
  outline: none;
}

@media (max-width: 650px) {
  .unite-pay-page-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px;
    gap: 7px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .unite-pay-page-tabs a {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 8px 12px;
    font-size: 12px;
    white-space: nowrap;
    scroll-snap-align: start;
  }
}

@media print {
  .unite-pay-page-tabs {
    display: none !important;
  }
}