.searchRoot {
  position: relative;
  height: 100%;
}

.searchButton {
  position: absolute;
  top: var(--mantine-spacing-xs);
  right: var(--mantine-spacing-xs);
  z-index: 2;
  opacity: 0;
  transition: opacity 120ms ease;
}

.searchRoot:hover .searchButton,
.searchRoot:focus-within .searchButton {
  opacity: 1;
}

@media (any-pointer: coarse) {
  .searchRoot {
    padding-top: 52px;
  }

  .searchButton {
    opacity: 1;
  }
}