@charset "UTF-8";
.app-button {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  color: var(--color-black);
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  outline: none;
  border-radius: var(--border-radius-2);
  background-color: var(--color-gray-200);
}
.app-button:focus {
  outline: none !important;
}
.app-button i,
.app-button ion-icon {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.app-button-rounded {
  border-radius: 5rem;
}
.app-button-small {
  height: 2.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.app-button-xs {
  height: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
}
.app-button.primary {
  color: var(--color-text-primary);
  background-color: var(--color-primary);
}
.app-button.black {
  color: var(--color-white);
  background-color: var(--color-black);
}
.app-button.gray-primary {
  color: var(--color-primary);
}
.app-button.app-button-expand {
  display: flex;
  width: 100%;
}