/* By design we target the `button` element so that by default, any buttons get
Speedway's look and feel (think the user login page). This necessitates a number
of exclusions where that styling should not apply:

 - `.trigger`: The contextual ("pencil") icon
 - `.ui-button`: The "Close" icon in the top right of a Layout Builder modal
 - `.ck-button`: CKEditor toolbar buttons
 - `.link-edit-summary`: The "Edit Summary" link on textarea with summary fields
 - `.navbar-toggler`: The Bootstrap menu toggler
 - `[data-bs-target]`: The Bootstrap menu toggler
 - `.tablesaw-sortable-btn`: https: //github.com/utexas-utdk/utdk_profile/issues/3086
*/

.ut-btn:not(.button--primary),
.ut-btn--small,
.ut-btn--large,
.ut-btn--disabled,
.ut-btn--secondary,
button:not(.trigger, .ui-button, .ck-button, .link-edit-summary, .navbar-toggler, .tablesaw-sortable-btn, [data-bs-target]) {
  background-color: var(--ut-burntorange);
  border: 2px solid var(--ut-burntorange);
  border-radius: 4px;
  display: inline-block;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: .55rem;
  padding: .5rem 1rem;
  text-decoration: none !important;
  transition: background-color, color, border-color, .33s ease-out !important;
  &:hover,
  &:focus-visible {
    border: 2px solid var(--ut-burntorange--s20);
    background-color: var(--ut-burntorange--s20);
    color: var(--ut-white);
    cursor: pointer;
    text-decoration: none;
  }
}
.ut-btn,
.ut-btn--small,
.ut-btn--large,
button:not(.trigger, .ui-button, .ck-button, .link-edit-summary, .navbar-toggler, .tablesaw-sortable-btn, [data-bs-target]) {
  color: var(--ut-white);

  &:link,
  &:visited {
    color: var(--ut-white);
  }
  &:active {
    background-color: var(--ut-burntorange--s10);
  }
}

.ut-btn--small {
  font-size: 0.825rem;
  line-height: 1.5;
  padding: .25rem .75rem;
  text-transform: uppercase;
}

.ut-btn--large {
  padding: .75rem 1.25rem;
  text-transform: uppercase;
}

.ut-btn--secondary,
.ut-btn--secondary.ut-btn--small,
.ut-btn--secondary.ut-btn--large {
  background-color: var(--ut-white);
  border-color: var(--ut-burntorange);
  color: var(--ut-burntorange);

  &:link,
  &:visited {
    color: var(--ut-burntorange);
  }
  &:hover,
  &:focus-visible {
    border: 2px solid var(--ut-burntorange--s20);
    background-color: var(--ut-burntorange--s20);
    color: var(--ut-white);
  }

}

.ut-btn--disabled {
  pointer-events: none;
  background-color: var(--ut-shade--t40);
  border-color: var(--ut-shade--t40);
  opacity: var(--bs-btn-disabled-opacity);
  color: var(--ut-burntorange);
  &:link,
  &:visited {
    color: var(--ut-shade);
  }
}

.corner--rounded {
  border-radius: 4px !important;
}
.corner--square {
  border-radius: 0 !important;
}
.corner--pill {
  border-radius: 2rem !important;
}

/* Theme resets for Diff displays (#3150) */
.dropbutton-widget button[type="button"] {
  color: inherit;
  border: 0;
  background-color: unset;

  &:hover,
  &:focus-visible {
    color: inherit;
    border: 0;
    background-color: unset;
  }
}