/* Media Query Variable */
/*
 * media-breakpoint-only
 * media-breakpoint-up
 * media-breakpoint-down
 * media-breakpoint-between

 down & up do not include the breakpoint itself - so -down(lg) means everything that is md and smaller
 */
/*
 * --------------------------------------
 */
@media (max-width: 575.98px) {
  nav > a:last-of-type {
    padding-inline: 2ch !important;
    max-width: 100px;
  }
  nav > a:last-of-type::before {
    content: none !important;
  }
  nav > a:last-of-type span:after {
    content: "Login";
  }
}
@media (max-width: 991.98px) {
  nav > a:last-of-type {
    margin-right: 60px;
  }
}