.account-link {
  width: 42px;
  height: 42px;
  margin-left: 18px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border: 1px solid #3a3a3a;
  border-radius: 50%;
  color: #fff;
  transition: color .2s, border-color .2s, background .2s;
}

.account-link svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-link:hover,
.account-link:focus-visible {
  background: var(--red);
  border-color: var(--red);
  color: #fff;
  outline: none;
}

@media (max-width: 860px) {
  .account-link {
    margin-left: auto;
  }

  .menu {
    margin-left: 12px;
  }
}