.supplier-button {
  border-color: #08a6d6;
  color: #087ea3;
}

.supplier-entry {
  padding: 76px max(24px, calc((100vw - 1180px) / 2));
  background: linear-gradient(135deg, #eaf8fc, #f7fbfd 58%, #edf4f8);
  border-top: 1px solid #cfe4ec;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 56px;
}

.supplier-entry > div {
  max-width: 800px;
}

.supplier-entry h2 {
  max-width: 760px;
}

.supplier-entry .zh-title {
  margin-bottom: 16px;
}

.supplier-link {
  color: #fff;
  background: #087ea3;
  border-color: #087ea3;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .supplier-entry {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 600px) {
  .supplier-entry {
    padding: 56px 20px;
  }

  .hero .actions .button {
    width: 100%;
  }
}