.MYUI-ButtonTouch {
  width: max-content;
  background: none;
  border: none;
  position: relative;
  height: 100%;
  padding: 0px;
  text-align: left;
  cursor: pointer;
  transition-property: background, opacity;
  transition-duration: var(--transition_time);
  z-index: 1;
  border-radius: inherit;
  display: flex;
  align-items: center;
  pointer-events: auto;
  text-decoration: none;
}

.MYUI-ButtonTouch[data-stretched="true"] {
  width: 100%;
  height: 100%;
}

.MYUI-ButtonTouch[data-clickable="false"] {
  cursor: default;
}
.MYUI-ButtonTouch[data-active_mode="default"] {
  opacity: 0.6;
  border-radius: inherit;
}

.MYUI-ButtonTouch[data-active_mode="false"][data-disabled="false"][data-hover_mode="background"][data-hover_enabled="true"] {
  background: rgba(var(--background_dark), 0.1);
  opacity: 0.95;
}

.MYUI-ButtonTouch[data-active_mode="false"][data-disabled="false"][data-hover_mode="default"][data-hover_enabled="true"] {
  opacity: 0.8;
}
.MYUI-ButtonTouch[data-active_mode="background"][data-disabled="false"][data-hover_mode="default"][data-hover_enabled="true"] {
  background: rgba(var(--background_dark), 0.3);
}



.MYUI-ButtonTouch--schildren {
  position: relative;
  width: 100%;
  /*height: inherit;*/
}

.MYUI-ButtonTouch[disabled] {
  cursor: default;
  opacity: 0.4;
}


.MYUI-ButtonTouch[data-active_mode="background"] {
  background: rgba(var(--background_dark), 0.1);
  border-radius: inherit;
}

.MYUI-ripple {
  pointer-events: none;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: inherit;
}

.MYUI-ripple_in {
  border-radius: inherit;
  position: absolute;
  z-index: -100;
  pointer-events: none;
  border-radius: 50%;
  background-color: rgba(var(--background_dark), 0.3);
  transform: scale(0);
  animation: ripple 0.6s linear;
}

@keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2.5);
  }
}