@import "../../../assets/scss/variables";

.dropdown {
  color: $main-color;

  .open {
    background-color: $secondary-color;
    color: $white;
  }

  position: relative;
  display: inline-block;
  width: 227px;
  height: 44px;

  &-menu__list {
    padding: 10px 0;

    li {
      img {
        margin-right: 7px;
      }

      padding: 10px 9px;
      color: $main-color;
      font-size: 1.2rem;
      cursor: pointer;
    }
    li:hover{
      background-color: $secondary-color;
      color: $white;
    }
    position: relative;
    background-color: $white;
    z-index: 500000000000;
  }
}

.dropdown button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  font-size: 12px;
  background-color: $white;
  border: 1px solid $main-color;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease, background-image 0.3s ease;
}
.dropdown button:hover{
  background-color: $secondary-color;
  color: $white;
}