.chat-composer.is-disabled {
  .no-touch & {
    .chat-composer-dropdown__trigger-btn:hover {
      cursor: default;
      .d-icon {
        color: var(--primary-low-mid);
      }
    }
  }
}

.chat-composer-dropdown__trigger-btn {
  margin-left: 0.2rem;
  transition: transform 0.25s ease-in-out;

  .d-icon {
    padding: 5px;
    transition: transform 0.1s ease-in-out;
    background: var(--secondary-very-high);
    border-radius: 100%;
  }

  &:focus,
  &:hover,
  &:active {
    .d-icon {
      color: var(--primary) !important;
    }

    background: none !important;
    background-image: none !important;
  }

  &:hover {
    transform: scale(1.1);
  }

  &.-expanded {
    .d-icon {
      transform: rotate(135deg);
      transform-origin: center center;
    }
  }
}

.chat-composer-dropdown__list {
  margin: 0;
  list-style: none;
  padding: 0.5rem;
}

.chat-composer-dropdown__action-btn {
  width: 100%;
  justify-content: flex-start;
  background: none;

  .d-icon {
    color: var(--primary);
  }
}