.project {
  &__settings {
    position: absolute;
    padding: 0 10px;
    background: #e1fccf;
    border-radius: 12px;
    transform: scale(0);
    bottom: -30px;
    right: -130px;

    @media (max-width: 1050px) {
      right: 5px;
      bottom: -30px;
    }

    &-menu {
      font-size: 14px;
      padding: 5px 0;

      div {
        display: flex;
        align-items: center;
        padding: 2px 0;

        img {
          width: 12px;
          margin-right: 5px;
        }

        p:hover {
          text-decoration: underline;
        }
      }
    }

    &-ellipsis {
      position: absolute;
      top: -2px;
      left: 10px;
      font-size: 21px;
      color: #6f6f6f;

      @media (max-width: 1050px) {
        display: none;
      }
    }
  }

  &__settings.active {
    transform: scale(1);
    z-index: 99;
  }
}
