Copy environment

Button

<button type="button" class="button  ">
    Read more
</button>
{
  "language": "en-US",
  "data": {
    "text": "Read more"
  }
}

Secondary

<button type="button" class="button button--secondary ">
    Read more
</button>
{
  "language": "en-US",
  "data": {
    "text": "Read more"
  },
  "modifier": "button--secondary"
}

Tertiary

<button type="button" class="button button--tertiary ">
    Read more
</button>
{
  "language": "en-US",
  "data": {
    "text": "Read more"
  },
  "modifier": "button--tertiary"
}

With Shadow

<button type="button" class="button button--w-shadow ">
    Read more
</button>
{
  "language": "en-US",
  "data": {
    "text": "Read more"
  },
  "modifier": "button--w-shadow"
}

Full Width

<button type="button" class="button button--block ">
    Read more
</button>
{
  "language": "en-US",
  "data": {
    "text": "Read more"
  },
  "modifier": "button--block"
}

Link

Link Secondary