/* line 1, app__theme/static/scss/app__theme/ui/buttons.scss */
.btn {
  background-color: var(--core-primary-bg);
  color: var(--core-primary-fg);
  box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.25) inset;
  border: none;
  border-radius: 10rem;
  padding: 0.8rem 2rem;
  font-family: var(--core-font-2);
  font-size: var(--core-p1);
  cursor: pointer;
  transition: filter 0.3s; }
  /* line 14, app__theme/static/scss/app__theme/ui/buttons.scss */
  .btn:hover {
    filter: brightness(1.2); }
  /* line 18, app__theme/static/scss/app__theme/ui/buttons.scss */
  .btn:disabled {
    background-color: var(--core-disabled-bg) !important;
    color: white !important; }
    /* line 22, app__theme/static/scss/app__theme/ui/buttons.scss */
    .btn:disabled:hover {
      filter: brightness(1);
      cursor: auto; }
  /* line 28, app__theme/static/scss/app__theme/ui/buttons.scss */
  .btn.success {
    background-color: var(--core-success-bg);
    color: var(--core-success-fg); }
  /* line 33, app__theme/static/scss/app__theme/ui/buttons.scss */
  .btn.danger {
    background-color: var(--core-error-bg);
    color: var(--core-error-fg); }
  /* line 38, app__theme/static/scss/app__theme/ui/buttons.scss */
  .btn.discreet {
    background-color: var(--core-discreet-bg);
    color: var(--core-discreet-fg); }

/* Mobile styles for login form */
@media screen and (max-width: 768px) {
  /* line 47, app__theme/static/scss/app__theme/ui/buttons.scss */
  .form-group input {
    padding: 0.7rem; }
  /* line 51, app__theme/static/scss/app__theme/ui/buttons.scss */
  .btn {
    width: 100%;
    padding: 0.7rem 1rem; } }