/* Lavka Customer Account header. Edit this CSS directly; no SCSS build step. */

.lavka-customer-account-header {
  position: relative;
}

.lavka-customer-account-header__link {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--lavka-color-border);
  border-radius: var(--lavka-radius);
  background: transparent;
  color: var(--lavka-color-text);
  text-decoration: none;
}

.lavka-customer-account-header__link:hover,
.lavka-customer-account-header__link:focus-visible,
.lavka-customer-account-header__link.is-active {
  background: var(--lavka-color-bg-alt);
  border-color: var(--lavka-color-border);
  color: var(--lavka-color-primary);
  text-decoration: none;
}

.lavka-customer-account-header__link .icon {
  width: 24px;
  height: 24px;
}