.apear{
    opacity: 1;
}
.disapear{
    opacity: 0;
}
.custom-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition: 0.25s;
}

.custom-menu .cm-option {
  cursor: pointer;
  padding: 4px;
  display: block;
  text-decoration: none;
  color: #333;
}

.custom-menu .cm-option:hover {
  background-color: #e5e5e5;
  text-decoration: none;
}
.custom-menu .firstOption:hover {
border-radius: 10px 10px 0px 0px;
}
.custom-menu .lastOption:hover {
border-radius: 0px 0px 10px 10px;
}
.custom-menu .oneOption:hover {
border-radius: 10px;
}