.site-nav__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.55rem;
}

.site-nav__login,
.site-nav__register {
  min-width: 5.4rem;
  white-space: nowrap;
}

@media (width <= 57rem) {
  .site-nav__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin-top: 0.35rem;
    gap: 0.65rem;
  }

  .site-nav__actions .button {
    width: 100%;
  }
}