.counter-items-wrapper {
  text-align: center;
  padding: 0px 0px 80px 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.counter-items-wrapper h2 {
  font-size: var(--font-size-40);
  font-weight: var(--font-weight-600);
  color: rgba(var(--color-black), 1);
  line-height: var(--line-height-120);
  word-break: var(--wb-keep-all);
  margin: 0 0;
}

.counter-items {
  display: flex;
  justify-content: center;
  gap: 80px;
  flex-wrap: wrap;
  padding: 0 0 24px 0;
}

.counter-box {
  text-align: center;
  opacity: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.counter-box:nth-child(1) .number::after,
.counter-box:nth-child(2) .number::after,
.counter-box:nth-child(3) .number::after {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-600);
}

.counter-box:nth-child(1) .number::after {
  content: "년";
  margin-left: 4px;
}

.counter-box:nth-child(2) .number::after {
  content: "개";
  margin-left: 4px;
}

.counter-box:nth-child(3) .number::after {
  content: "명";
  margin-left: 4px;
}

.counter-box.visible {
  opacity: 1;
  transform: translateY(0);
}

.counter-box .number {
  font-size: var(--font-size-56);
  font-weight: var(--font-weight-600);
  color: rgba(var(--color-black), 1);
  line-height: var(--line-height-100);
}

.counter-box .label {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-500);
  color: rgba(var(--color-black), 1);
  line-height: var(--line-height-100);
}

.btn-with-icon {
  border: none;
  outline: none;
  padding: 16px 48px 16px 24px;
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-600);
  color: rgba(var(--color-black), 0.6);
  background-color: var(--color-prime-bg);
  border-radius: 32px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M336%2096c8.8%200%2016%207.2%2016%2016l0%20224c0%208.8-7.2%2016-16%2016s-16-7.2-16-16l0-185.4L59.3%20411.3c-6.2%206.2-16.4%206.2-22.6%200s-6.2-16.4%200-22.6L297.4%20128%20112%20128c-8.8%200-16-7.2-16-16s7.2-16%2016-16l224%200z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 24px center;
  background-size: 16px auto;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-with-icon:hover {
  color: rgba(var(--color-black), 0.8);
}

@media (max-width: 960px) {
  .counter-items-wrapper h2 {
  font-size: var(--font-size-32);
  }
}