:host {
  display: inline-block;
  inline-size: var(--gse-ui-calendarMenu-day-date-size);
  block-size: var(--gse-ui-calendarMenu-day-input-height);
  outline: none;
  border: none;
  border-radius: var(--gse-ui-calendarMenu-month-borderRadius);
}

:host(:hover) {
  background-color: var(--gse-ui-calendarMenu-date-hover-backgroundColor);
}

:host(:focus-within) {
  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
  outline-offset: var(--gse-semantic-focusOutline-offset);
  border-radius: var(--gse-ui-calendarMenu-month-focusBorderRadius);
}

:host([aria-current=true]) {
  color: var(--gse-ui-calendarMenu-date-selected-foregroundColor);
  background-color: var(--gse-ui-calendarMenu-date-selected-backgroundColor);
}

:host(:disabled),
:host(.gux-muted) {
  opacity: var(--gse-ui-calendarMenu-disabled-opacity);
}

button {
  padding: 0;
  margin: 0;
  color: inherit;
  background: none;
  border: none;
  inline-size: 100%;
  block-size: 100%;
  font-family: var(--gse-ui-calendarMenu-date-currentText-fontFamily);
  font-size: var(--gse-ui-calendarMenu-date-defaultText-fontSize);
  font-style: normal;
  font-weight: var(--gse-ui-calendarMenu-date-defaultText-fontWeight);
  line-height: 32px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

button:focus {
  outline: none;
}