.euler__main-home-top-nav {
  width: 100%;
  min-width: 320px;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 1rem;
  place-items: center;
}
.euler__main-home-top-nav-button {
  width: 100%;
  height: auto;
  text-align: center;
  border: none;
  border-bottom: 0.5rem solid transparent;
  padding: 0.35rem;
  background-color: transparent;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: hsl(0, 0%, 0%);
}
.euler__main-home-top-nav-button:focus {
  outline: none;
  color: #BA4C25;
  border-bottom: 0.5rem solid #BA4C25;
}
@media (min-width: 1200px) {
  .euler__main-home-top-nav {
    display: none;
  }
}