.dropdown-menu {
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  opacity: 0;
  transform: translateY(-10px);
  visibility: hidden;
  pointer-events: none;
}

  .dropdown-menu.open {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
  }

.dropdown-arrow {
  transition: transform 0.3s ease-in-out;
}

.dropdown-button.open .dropdown-arrow {
  transform: rotate(180deg);
}

.button-po {
  border: none;
  background-color: transparent;
  font-family: var(--font-family-theme-bold);
  font-size: var(--font-size-1);
}

.dropdown-menu-style {
  background-color: rgb(255 255 255);
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  z-index: 10;
  right: 15px;
  position: absolute;
  box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
}

.dropdown-list {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  overflow-y: auto;
  max-height: 20rem;
}

.drop-down-item {
  text-align: left !important;
  transition-duration: 300ms;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
  text-decoration: none !important;
  font-family: var(--font-family-theme-bold);
  font-size: var(--font-size-1);
  line-height: 24px;
}

.dropdown-group > a {
  font-family: var(--font-family-theme-bold);
  text-decoration: none;
  font-size: var(--font-size-1);
  background-color: transparent !important;
}

.dropdown-button {
  text-decoration: none !important;
}

  .dropdown-button:hover {
    text-decoration: none !important;
  }

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.layout__header__dropdown__option {
  background-color: rgb(243 244 246 / 20%) !important;
}