.drag-container {

  display: flex;
  flex-direction: column;

  .drag-drop {
    margin-top: 0.5rem;
    cursor: move;
  }

  .delete-item {
    margin-left: 0.5rem;
    cursor: pointer;
  }

  .drag-item-center {
    display: flex;
    align-items: center;
  }

  .control {
    margin-left: 0.5rem;
  }

  .dragged-over-top {
    transition: transform 0.5s ease;
    transform: translateY(5px);
  }

  .dragged-over-bottom {
    transition: transform 0.5s ease;
    transform: translateY(-5px);
  }

  .dragged-item {
    padding: 1px;
    border-radius: 4px;
    background-color: #f0f0f0;
  }

}