a[href^='tel:'] {
  text-decoration: none !important;
}

a.help-icon {
  background-color: $prim-alt;
  border: 0;
  color: $white;
  border-radius: 50% !important;
  width: 32px;
  height: 32px !important;
  margin-left: 10px;
  margin-top: 5px;
  font-weight: 700;
  &:hover {
    color: $white;
  }
}

button, a {
  &.is-primary {
    .es-icon {
      fill: $base;
    }
  }
  &.is-success {
    .es-icon {
      fill: $base;
      height: 100%;
    }
  }
}

// Fix for text only buttons
.button.is-text {
  &:focus {
    box-shadow: none;
  }
  &:active {
    background-color: transparent;
  }
}

// Fix for full width buttons on IOS10
.button.is-fullwidth {
  display: -webkit-box;
  -webkit-box-orient: horizontal;
}
