.dropdown-menu {
  padding: 0;

  font-size: 1.4rem;
  line-height: 1.1;

  list-style: none;
  background: $white;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 4px 5px rgba(172, 172, 172, 0.15);
  border-radius: $radius;

  &--lang {
    min-width: auto;
  }
}

.dropdown-menu__link {
  display: block;
  padding: 1rem 1.5rem;

  color: $dark;
  text-decoration: none;
  white-space: nowrap;

  &:hover,
  &:focus {
    color: $dark;
    background-color: #f8f8f8;
  }
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-toggle {
  display: flex;
  align-items: center;

  background: transparent;
  border: none;
  cursor: pointer;

  line-height: 1.2;
  text-align: right;
  color: #606060;

  &:focus {
    outline: none;
    color: $dark;
  }

  &::after {
    width: 14px;
    height: 8px;
    margin-left: 1rem;
    min-height: 8px;

    background: url("/shop/images/dropdown-toggle-arrow.svg") center no-repeat;
    border: none;
  }

  &.show {
    &::after {
      transform: rotate(180deg);
    }
  }
}