/* prettier-ignore */
:host {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 56px;
  border: none;
  overflow: hidden;
}
:host bce-ripple {
  background-color: var(--bce-con1);
}
:host button {
  flex-flow: column nowrap;
  justify-content: space-around;
  display: inline-flex;
  width: inherit;
  height: inherit;
  padding: 16px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
:host button span {
  flex: 0 0 3px;
  width: 24px;
  background-color: var(--bce-con1);
  border-radius: 3px;
  pointer-events: none;
}
:host button:hover {
  background-color: var(--bce-c600);
}
:host button:focus {
  background-color: var(--bce-c700);
}