.bar {
  --color-background: transparent;
  display: flex;
  flex-flow: column-reverse nowrap;
  width: 100%;
  padding: 1em;
  right: 0;
  bottom: 0;
	z-index:999;
  position: fixed;
  gap: 3em;
  background: var(--color-background);
}
@media screen and (orientation: landscape) and (min-width: 960px) {
  .bar {
    background: none;
  }
}
@media screen and (orientation: landscape) and (min-width: 960px) {
  .bar {
    flex-flow: row nowrap;
    justify-content: flex-end;
    gap: 1em;
    align-items: center;
  }
}