.c-button {
  display: inline-block;
  text-decoration: none;
  text-align: center; }
  .c-button a {
    pointer-events: all;
    align-content: center;
    text-decoration: none; }
  .c-button__text {
    font-size: 16px;
    font-size: 0.66667rem;
    color: #FFFFFF;
    margin-top: auto;
    margin-bottom: auto; }
  .c-button__button,
  .c-button button {
    padding: 0px 15px;
    padding: 0 0.625rem;
    background-color: #0048AA;
    border: 1px #0048AA solid;
    border-radius: 50px;
    min-width: 86px;
    min-height: 42px;
    display: inline-block;
    color: #FFFFFF;
    transition: color .25s ease-out, box-shadow .5s ease-out; }
  .c-button__button--white {
    background: transparent;
    color: white;
    border-color: white;
    min-width: 140px; }
  .c-button:hover, .c-button:focus {
    cursor: pointer; }
    .c-button:hover .c-button__button,
    .c-button:hover button, .c-button:focus .c-button__button,
    .c-button:focus button {
      box-shadow: inset 300px 0 0 0.01px #FFFFFF;
      color: #0048AA;
      cursor: pointer; }
  .c-button--ghost .c-button__button,
  .c-button--ghost button {
    background-color: #FFFFFF;
    color: #0048AA; }
  .c-button--ghost:hover, .c-button--ghost:focus {
    cursor: pointer; }
    .c-button--ghost:hover .c-button__button,
    .c-button--ghost:hover button, .c-button--ghost:focus .c-button__button,
    .c-button--ghost:focus button {
      box-shadow: inset 300px 0 0 0.01px #0048AA;
      color: #FFFFFF; }
  .c-button--right {
    justify-content: flex-end; }
  .c-button--center {
    justify-content: center; }
  .c-button--left {
    justify-content: flex-start; }