.action-menu:not(:has(.action-menu__action-item)) {
  display: none;
  pointer-events: none;
}

.action-menu__button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  svg {
    color: var(--gray-80);
  }
}

.action-menu__dropdown {
  width: 180px;
  border: 1px solid var(--gray-40);
  background-color: var(--white-100);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 12px 16px;
  border-radius: 8px;
}

.action-menu__actions-list li.action-menu__action-item {
  padding: 12px 0;
}

.action-menu__actions-list li.action-menu__action-item a {
  text-decoration: none;
}

.action-menu__action-item > a:focus-visible,
.action-menu__action-item > button:focus-visible {
  outline-width: 2px;
  outline-color: var(--miret-blue-20);
  outline-style: solid;
  outline-offset: 0;
  border-radius: 4px;
}

.action-menu__actions-list li.action-menu__action-item:not(:last-child) {
  border-bottom: 1px solid var(--gray-90);
}

.action-menu__action-item > a,
.action-menu__action-item > button {
  display: flex;
  gap: 0.5em;
  color: var(--gray-40);
  width: 100%;
  justify-content: flex-start;
  svg {
    color: var(--gray-60);
  }
}

.action-menu__action-item > a:hover,
.action-menu__action-item > button:hover {
  color: var(--miret-blue-50);
  svg {
    color: var(--miret-blue-50);
  }
}

.action-menu__action-item > button {
  margin: 0;
  border: 0;
}