.opening-map-document-study-shortcut {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  height: 36px;
}

.opening-map-document-study-shortcut .opening-map-document-study-button {
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--map-muted);
  font: 400 15px/1.5 var(--map-ui-font);
  cursor: pointer;
}

.opening-map-document-study-shortcut .opening-map-document-study-button[aria-pressed='true'] {
  border-bottom-color: var(--map-accent);
  background: var(--map-control-hover);
  color: var(--map-text);
}

.opening-map-document-study-shortcut button:enabled:hover {
  background: var(--map-control-hover);
  color: var(--map-text);
}

.opening-map-document-study-shortcut button:focus-visible {
  outline: var(--document-focus-outline, 2px solid var(--map-accent));
  outline-offset: -2px;
}

.opening-map-document-study-shortcut button:disabled {
  opacity: 0.45;
  cursor: default;
}

.opening-map-document-study-shortcut img {
  display: block;
  width: 20px;
  height: 20px;
  filter: var(--map-icon-filter);
  pointer-events: none;
}

.opening-map-document-study-shortcut button[aria-pressed='true'] img,
.opening-map-document-study-shortcut button:enabled:hover img {
  filter: var(--map-icon-hover-filter);
}