@layer components {
  @scope (.scope.cta-button) to (.scope) {
    :scope {
      background: var(--color-accent);
      color: var(--color-white);
      display: block;
      font-size: var(--font-size-300);
      font-weight: var(--font-weight-medium);
      line-height: calc(16 * var(--px-to-rem));
      padding: calc(18 * var(--px-to-rem)) calc(48 * var(--px-to-rem));
      text-align: center;
      width: 100%;
    }
  }
}