.cv-paygate-box {

  margin-top: 1rem;

  padding: 1rem;

  border: 2px solid #dbeafe;

  border-radius: 12px;

  background: #fff;

}



.cv-paygate-lead {

  margin: 0 0 0.5rem;

  font-size: 0.95rem;

  font-weight: 600;

  color: #0f172a;

}



.cv-paygate-note {

  margin: 0 0 0.75rem;

  font-size: 0.75rem;

  line-height: 1.4;

  color: #64748b;

}



.cv-paygate-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 0.45rem;

  max-height: 22rem;

  overflow-y: auto;

  padding-right: 0.15rem;

}



@media (min-width: 640px) {

  .cv-paygate-grid {

    grid-template-columns: repeat(3, 1fr);

  }

}



.cv-paygate-btn {

  width: 100%;

  min-height: 2.5rem;

  padding: 0.35rem 0.5rem;

  border: none;

  border-radius: 8px;

  color: #fff;

  font-weight: 600;

  font-size: 0.72rem;

  line-height: 1.2;

  cursor: pointer;

  background: linear-gradient(to right, #2563eb, #1d4ed8);

  text-align: center;

}



.cv-paygate-btn:hover:not(:disabled) {

  filter: brightness(1.06);

}



.cv-paygate-btn:disabled {

  opacity: 0.4;

  cursor: not-allowed;

}



.cv-paygate-status {

  margin: 0.75rem 0 0;

  font-size: 0.875rem;

  color: #475569;

}



.cv-paygate-status.cv-paygate-error {

  color: #b91c1c;

}