@import core.functional
@import core.variables

// undo Chrome adding border radius
.tw-button
  border-radius: 0

// eliminate hover behavior of buttons for touch
.tw-button:hover,
.tw-button--text:hover,
.tw-button-icon:hover,
.tw-interactable:hover
  background: initial !important

.tw-button--dropmenu:hover
  background: $twitch-purple-7 !important

.tw-button--disabled:hover
  background: $opac-b-1 !important

.tw-interactable:hover
  border: initial !important

.tw-button:hover,
.tw-button-icon:hover,
.tw-button--text:hover
  border: 1px solid transparent !important

.tw-button--hollow:hover,
  border: 1px solid $twitch-purple-10 !important

.tw-button--disabled:hover
  border: 1px solid $opac-b-1 !important

.tw-button--hollow:hover,
.tw-button--text:hover
  color: $twitch-purple-7

a:hover
  text-decoration: none
