/* =========================================================
   Login / Register links in the header-6 action area
   ========================================================= */

.header.header-6 .header-action a.auth-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #585978;
  padding: 7px 12px;
  margin-left: 4px;
  border-radius: 20px;
  white-space: nowrap;
  transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}

.header.header-6 .header-action a.auth-link i {
  font-size: 16px;
}

.header.header-6 .header-action a.auth-link:hover {
  color: #2f80ed;
}

/* Register is the primary call to action */
.header.header-6 .header-action a.auth-register {
  color: #fff;
  background: #2f80ed;
  border: 1px solid #2f80ed;
  padding: 7px 16px;
}

.header.header-6 .header-action a.auth-register:hover {
  color: #2f80ed;
  background: transparent;
}

/* On tablets and phones the action bar sits beside the toggler,
   so collapse the links to icon-only buttons */
@media (max-width: 991px) {
  .header.header-6 .header-action a.auth-link span {
    display: none;
  }

  .header.header-6 .header-action a.auth-link,
  .header.header-6 .header-action a.auth-register {
    padding: 8px;
    margin-left: 2px;
  }
}