.big-button {
    font-weight: bold;
    width: 48%;
    height: 100px;
    border: 1px solid #E5E5E5;
    text-align: center;
    padding-top: 43px;
    font-size: 12px; }

  .big-button.selected {
    border: 4px solid #FFCE34;
    color: #F3BE17;
    padding-top: 40px; }

  .sign-in-style .social-buttons {
    padding: 20px; }

  .sign-in-style .social-buttons a {
    width: 48%; }

  .sign-in-style button.submit {
    background-color: black;
    color: white;
    border: 1px solid #DDD;
    border-radius: 5px;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    height: 60px;
    margin-top: 20px; }

  .sign-in-style button.submit:disabled {
    background-color: white;
    color: #DDD; }

  .sign-in-style button.submit:hover {
    background-color: orange; }

  .sign-in-style .btn-facebook {
    background-color: #3966A2;
    color: white; }

  .sign-in-style .social-buttons .btn-google {
    background-color: white;
    color: black;
    border: 1px solid #DDD; }

  .sign-in-style .social-buttons .button {
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px; }

  .sign-in-style .social-buttons a.button {
    padding-left: 5px;
    padding-right: 5px;
    height: 45px; }

  a.button {
    text-transform: uppercase;
    padding-left: 50px;
    padding-right: 50px; }

  .app-green-button {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    background-color: #02D4B4;
    padding: 15px;
    text-align: center;
    border: 1px solid #F0F0F0;
    display: block;
    color: white;
    letter-spacing: 1px; }

  .app-red-button {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    background-color: #F0595B;
    padding: 15px;
    text-align: center;
    border: 1px solid #F0F0F0;
    display: block;
    color: white;
    letter-spacing: 1px; }

  .app-blue-button {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    background-color: #58C5EB;
    padding: 15px;
    text-align: center;
    border: 1px solid #F0F0F0;
    display: block;
    color: white;
    letter-spacing: 1px; }

  .dogwellness-button {
    width: 250px; }
    @media screen and (max-width: 39.9375em) {
      .dogwellness-button {
        width: 100%; } }

  .button.black-border {
    border: 1px solid #0a0a0a;
    border-radius: 2px; }

  .button.embark-yellow {
    background-color: #FFCE34;
    color: black; }

  .button.embark-blue {
    background-color: #57C1E9; }

  .button-white-transparent {
    border: 1px solid white;
    border-radius: 2px;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 12px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }

  .button.results-button {
    border-radius: 50%;
    color: #666A70;
    border: 1px solid #666A70;
    height: 8rem;
    width: 8rem;
    padding: 0;
    text-align: center;
    line-height: 8rem;
    text-transform: uppercase;
    background-color: #FFFFFF;
    font-weight: normal;
    margin-bottom: 18px; }

  .button.results-button.medium {
    font-size: 17px;
    letter-spacing: 1px; }
    @media screen and (max-width: 39.9375em) {
      .button.results-button.medium {
        height: 3rem;
        width: 6rem;
        letter-spacing: 0px;
        font-size: 14px;
        line-height: 3rem;
        border-radius: 3px; } }

  .button.results-button.is-active {
    background-color: #666A70;
    color: #FFFFFF; }

  .button.small {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 2px; }

  .button.medium {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px; }

  .button.shadow {
    background-color: #ffcd34;
    -webkit-box-shadow: -3px 3px 0px 0px rgba(198, 198, 198, 0.21);
            box-shadow: -3px 3px 0px 0px rgba(198, 198, 198, 0.21); }

  .top-bar-button {
    margin-left: 16px; }

  .top-bar-white-button {
    color: black;
    border-color: #F0F0F0;
    background-color: transparent; }

  .april-button {
    background-color: #FFCE34;
    color: black;
    border: none;
    border-radius: 2px;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    height: 44px; }

  .button-text, .button-small-medium-text, .button-small, .button-small-rounded, .button-medium, .button-large-text, .button-large {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px; }

  .button-small-medium-text, .button-small, .button-small-rounded, .button-medium {
    font-size: 12px;
    letter-spacing: 1px; }

  .button-large-text, .button-large {
    font-size: 18px;
    letter-spacing: 2px; }

  .button-small {
    padding: 7px 10px 7px 10px;
    border-radius: 2px;
    display: block; }

  .button-small-rounded {
    padding: 7px 10px 7px 10px;
    border-radius: 13px; }

  .button-medium {
    border-radius: 2px;
    padding: 12px;
    display: block; }

  .button-large {
    padding: 15px 50px 15px 50px;
    display: block; }

  .button-white-hollow {
    background-color: transparent;
    color: white; }
    .button-white-hollow:hover {
      opacity: 0.5;
      color: white; }

  .button-black-hollow {
    background-color: transparent;
    color: black; }
    .button-black-hollow:hover {
      background-color: #d9d9d9;
      color: black; }

  .button-blue-hollow {
    background-color: transparent;
    color: #57C1E9; }
    .button-blue-hollow:hover {
      background-color: #d9d9d9;
      color: #1ca4d7; }

  .button-blue-no-border {
    background-color: transparent;
    color: #57C1E9; }
    .button-blue-no-border:hover {
      color: #1ca4d7; }

  .button-blue-no-border {
    background-color: transparent;
    color: #57C1E9; }

  .white-border {
    border: 1px solid white; }

  .blue-border, .button-blue-hollow {
    border: 1px solid #57C1E9; }

  .light-border {
    border: 1px solid #F0F0F0; }

  .dark-border {
    border: 1px solid #666A70; }

  .medium-border {
    border: 1px solid #7F7F7F; }

  .thick-yellow-border {
    border: 4px solid #FFCE34; }

  .button-white {
    background-color: #FFFFFF;
    color: black; }
    .button-white:hover {
      background-color: #d9d9d9;
      color: black; }

  .button-gray {
    background-color: #666A70;
    color: white; }
    .button-gray:hover {
      background-color: #424448;
      color: #d9d9d9; }

  .button-yellow {
    background-color: #FFCE34;
    color: black; }
    .button-yellow:hover {
      background-color: #e7af00;
      color: black; }

  .button-blue {
    background-color: #57C1E9;
    color: white; }
    .button-blue:hover {
      background-color: #1ca4d7;
      color: #d9d9d9; }

  .button-red {
    background-color: #F15B5C;
    color: white; }
    .button-red:hover {
      background-color: #eb1516;
      color: #d9d9d9; }

  .button-black {
    background-color: #0a0a0a;
    color: white; }
    .button-black:hover {
      background-color: black;
      color: #d9d9d9; }

  .button-facebook {
    background-color: #3D5A99;
    color: white; }
    .button-facebook:hover {
      background-color: #273a62;
      color: #d9d9d9; }

  .button-wide {
    width: 90%;
    max-width: 600px;
    display: block; }

  .button-full-width {
    width: 100%;
    display: block; }