.pub-c-button {
  @include button;
}

.pub-c-button--start {
  @include bold-24($line-height: (24 / 20));
  display: inline-block;
  padding: 0.60em 1.7em 0.45em 0.67em;
  @include media(tablet) {
    padding-top: 0.3em;
    padding-bottom: 0.15em;
  }
  background-image: image-url("icon-pointer.png");
  background-position: 100% 50%;
  background-repeat: no-repeat;

  @include media-down(mobile) {
    background-position: center right -.35em;
  }

  @include ie(7) {
    padding: 0.45em 1.7em 0.62em 0.67em;
  }

  @include ie(6) {
    background-image: image-url('icon-pointer-indexed.png');
    /* IE6 adds its own side padding so requires no extra */
    padding: 0.45em 0.5em 0.62em 0em;
  }

  @include device-pixel-ratio() {
    background-image: image-url("icon-pointer-2x.png");
    background-size: 30px 19px;
  }
}

.pub-c-button__info-text {
  display: block;
  margin-top: .5em;
  max-width: 14em;
}

.pub-c-button {
  @include button;

  @media(max-width: 425px) {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
  }
}

.pub-c-button--start {
  @include bold-24($line-height: (24 / 20));
  display: inline-block;
  padding: 0.60em 1.7em 0.45em 0.67em;
  @include media(tablet) {
    padding-top: 0.3em;
    padding-bottom: 0.15em;
  }
  background-image: image-url("icon-pointer.png");
  background-position: 100% 50%;
  background-repeat: no-repeat;

  @include media-down(mobile) {
    background-position: center right -.35em;
  }

  @include ie(7) {
    padding: 0.45em 1.7em 0.62em 0.67em;
  }

  @include ie(6) {
    background-image: image-url('icon-pointer-indexed.png');
    /* IE6 adds its own side padding so requires no extra */
    padding: 0.45em 0.5em 0.62em 0em;
  }

  @include device-pixel-ratio() {
    background-image: image-url("icon-pointer-2x.png");
    background-size: 30px 19px;
  }
}

.pub-c-button__info-text {
  display: block;
  margin-top: .5em;
  max-width: 14em;
}

Make button full width at small viewports
Make button full width at small viewports

Make consistent with GOV.UK Elements' behaviour with the exception of a custom breakpoint
since our mobile breakpoint is fairly wide
