.IconButton {
  appearance: none;
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  display: block;
  color: currentColor;
  padding: 0;
  margin: 0;
  position: relative;
  height: 48px;
}

.IconButton--sizeY-compact {
  height: 44px;
}

.IconButton .Icon--16 {
  padding: 16px;
}

.IconButton .Icon--16.Icon--w-8 {
  padding: 16px 14px;
}

.IconButton--sizeY-compact .Icon--16,
.IconButton--sizeY-compact .Icon--16.Icon--w-8 {
  padding: 14px;
}

.IconButton .Icon--24 {
  padding: 12px;
}

.IconButton--sizeY-compact .Icon--24 {
  padding: 10px;
}

.IconButton .Icon--28 {
  padding: 10px;
}

.IconButton--sizeY-compact .Icon--28 {
  padding: 8px;
}

.IconButton[disabled] {
  opacity: .6;
}

/*
 * iOS
 */

.IconButton--ios.Tappable--active {
  opacity: .7;
}

/*
 * Android
 */

.IconButton--android,
.IconButton--vkcom {
  border-radius: 50%;
}

.IconButton--android.Tappable--active .Icon,
.IconButton--vkcom.Tappable--active .Icon {
  transition: inherit;
  border-radius: inherit;
  background-color: var(--background_highlighted);
}