Understanding Patient Data

Button: Shadow 

<button class="button button--shadow" type="button">Button</button>

<!-- or -->

<button class="button button--shadow" type="submit">Submit button</button>

<!-- or -->

<input class="button button--shadow" type="button" value="Button input">

<!-- or -->

<input class="button button--shadow" type="submit" value="Submit input">

<!-- or -->

<a class="button button--shadow" href="#">Link</a>

<!-- or -->

<span class="button button--shadow">Faux button</span>
  • The shadow variant is only available in the primary colour