.header-account {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  margin-left: 14px;
  place-items: center;
  border: 1px solid currentColor;
  color: inherit;
  opacity: .9;
  transition: background .2s ease, color .2s ease, opacity .2s ease;
}

.header-account:hover {
  color: #0d2931;
  background: #fff;
  opacity: 1;
}

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

.header.is-scrolled .header-account,
[class$="-header"].is-scrolled .header-account {
  color: #183942;
}

.header.is-scrolled .header-account:hover,
[class$="-header"].is-scrolled .header-account:hover {
  color: #fff;
  background: #183942;
}

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

  .header-account + .menu-toggle {
    margin-left: 8px !important;
  }
}