.secondary-actions {
  align-items: center;
  display: inline-flex;
  margin-inline-start: var(--spacing);
  position: relative;
}

.secondary-actions__list {
  margin-inline-end: var(--spacing);
}

.secondary-actions__button {
  cursor: pointer;

  &:hover {
    color: var(--color-primary);
  }
}

.secondary-actions__menu {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  display: none;
  flex-direction: column;
  padding: var(--spacing);
  position: absolute;
  right: 0;
  top: var(--spacing-large);
  width: 220px;

  &.secondary-actions__menu--open {
    display: flex;
  }
}

.secondary-actions__menu-item {
  align-items: center;
  background-color: transparent;
  border: none;
  color: var(--color-primary);
  cursor: pointer;
  display: flex;
  padding: 0;
  text-decoration: none;

  svg {
    height: 18px;
    margin-inline-end: var(--spacing-small);
    stroke-width: 1.33;
    width: 18px;
  }

  &:not(:first-child) {
    margin-block-start: var(--spacing);
  }

  &:hover {
    color: var(--color-primary-active);
  }
}