.customer-styles {
  /* START article: content-separator */
  /* END article: content-separator */
}

.customer-styles .template_content-separator {
  display: grid;
  justify-items: center;
}

.customer-styles .template_content-separator .headline {
  background-color: #fff;
  color: #1a3682;
  font-size: calc(22 * var(--font-size, 1px));
  font-weight: bold;
  letter-spacing: .02em;
  line-height: 1.4;
  max-width: 60vw;
  padding: 2px 25px;
  text-align: center;
  text-wrap-style: balance;
}

@media (min-width: 768px) {
  .customer-styles .template_content-separator .headline {
    font-size: calc(16 * var(--font-size, 1px));
  }
}

.customer-styles .template_content-separator .separator {
  background-color: rgba(255, 255, 255, 0.5);
  height: 1px;
  width: 100%;
}

.customer-styles .template_content-separator .arrow-down {
  background-color: #fff;
  height: calc(30 * var(--font-size, 1px));
  margin-top: calc(15 * var(--font-size, 1px));
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2,7 L12,17 L22,7' stroke='%23000' stroke-width='4' fill='none'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2,7 L12,17 L22,7' stroke='%23000' stroke-width='4' fill='none'/%3E%3C/svg%3E%0A");
  width: calc(30 * var(--font-size, 1px));
}

@media (min-width: 768px) {
  .customer-styles .template_content-separator .arrow-down {
    height: calc(22 * var(--font-size, 1px));
    margin-top: calc(11 * var(--font-size, 1px));
    width: calc(22 * var(--font-size, 1px));
  }
}