.ds-dropdown-menu {
  display: flex;
  align-items: center;

  .menu {
    position: relative;
    display: inline-block;

    > .options {
      position: absolute;
      right: 0;
      top: 100%;
      z-index: 1000;
      width: auto;
      border-radius: var(--radius-050);
      background-color: var(--background-default);
      white-space: nowrap;
      border: 1px solid var(--border-subtle-1);
      box-shadow: 0px 8px 18px -6px var(--miscellaneous-shadow-2);
      margin-top: 4px;
      min-width: 180px;

      > .option {
        display: flex;
        align-items: center;
        width: auto;
        padding: var(--spacing-0) var(--spacing-150);
        height: 56px;
        cursor: pointer;

        > .ds-icon {
          margin-right: 8px;
        }

        &:first-of-type {
          border-bottom: 1px solid var(--border-subtle-1);
        }

        &.danger {
          color: var(--text-error);

          > .ds-icon {
            color: var(--text-error);
          }
        }

        &:hover,
        &.disabled {
          background-color: var(--layer-hover-1);
        }
      }
    }
  }
}
