// Buttons // ==========================================================================

.button {

@include button ($button-colour);
@include box-sizing (border-box);
vertical-align: top;

@include media (mobile) {
  width: 100%;
  text-align: center;
}

}

// Fix unwanted button padding in Firefox .button::-moz-focus-inner {

border: 0;
padding: 0;

}

.button:focus {

outline: 3px solid $focus-colour;

}

// Disabled buttons .button {

background: $button-colour;

}

.button:focus {

outline: none;

}

// Start now buttons .button-start, .button-get-started {

@include bold-24;
background-image: file-url("icon-pointer.png");
background-repeat: no-repeat;
background-position: 100% 50%;
padding: em(7) em(41) em(4) em(16);

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

@include ie(6) {
  background-image: file-url("icon-pointer-2x.png");
}

}