:host {
  margin: 0 var(--tds-side-menu-gap);
}
:host button {
  height: var(--tds-side-menu-close-button-height);
  width: 100%;
  text-align: left;
  padding: 0 var(--tds-side-menu-item-horizontal-padding);
  border: none;
  border-radius: var(--tds-side-menu-item-border-radius);
  background-color: var(--tds-side-menu-background);
  font: var(--tds-headline-07);
  letter-spacing: var(--tds-headline-07-ls);
  color: var(--tds-side-menu-item-icon-color);
  display: flex;
  align-items: center;
  border-bottom: var(--tds-side-menu-item-border-thickness) solid var(--tds-side-menu-item-border-color);
}
:host button:hover {
  cursor: pointer;
  background-color: var(--tds-side-menu-item-background-hover);
}
:host button:focus-visible {
  outline: 2px solid var(--component--focus-ring-color-strong);
  box-shadow: 0 0 0 1px var(--component--focus-ring-color-discrete);
  outline-offset: 1px;
  z-index: 1;
  cursor: pointer;
}
:host button:active {
  cursor: pointer;
  background-color: var(--tds-side-menu-item-background-active);
}