/*
 * M3 Expressive Button — pill no descanso, “amolece” no press.
 */

.m3-button.mud-button-root {
  --m3-btn-radius-rest: 999px;
  --m3-btn-radius-press: 16px;
  border-radius: var(--m3-btn-radius-rest) !important;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    opacity 0.18s ease,
    border-radius 0.2s cubic-bezier(0.2, 0, 0, 1),
    box-shadow 0.2s ease,
    transform 0.18s ease;
}

.m3-button--square.mud-button-root {
  --m3-btn-radius-rest: 16px;
  --m3-btn-radius-press: 999px;
}

.m3-button.mud-button-text.mud-button-root {
  --m3-btn-radius-rest: 18px;
  --m3-btn-radius-press: 10px;
  box-shadow: none !important;
}

.m3-button.mud-button-root:active:not(:disabled):not(.mud-disabled),
.m3-button.mud-button-root:focus-visible:not(:disabled):not(.mud-disabled) {
  border-radius: var(--m3-btn-radius-press) !important;
  transform: scale(0.985);
}