how to leave the position of a button fixed no matter the content?

Question

I have a question, I would like to leave the position of the two buttons aligned (m and s), no matter how many lines are above. As you can see on the picture, depending on the number of lines, the buttons are not aligned.

Here is my css code (the're bot in a div):

.edit {
  height:40px;
  width:40px;
  background: #0cb1edd7;
  border-radius: 30%;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  color:#fff;
  margin-top: 15px;
  transition: all 0.4s ease;
  margin-left: 30px;
  float: left;
  position: absolute;
  
}

.delete {
  height:40px;
  width:40px;
  background: #dd2b1b;
  border-radius: 30%;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  color:#fff;
  margin-top: 15px;
  transition: all 0.4s ease;
  margin-right: 30px;
  float: right;
  position: absolute;
}



```