.dropdown-menu-profil-icon a {
  font-size: 18px;
  padding-block: 10px;
}

.item-red a:hover {
  background-color: #dc3545 !important;
  color: white !important;
}

/* 992 is the lg breakpoint on bootstrap */
@media (min-width: 992px) {
  .menu-aside-profile {
    border-right: var(--bs-border-width) var(--bs-border-style)
      var(--bs-border-color) !important;
  }
}

.menu-aside-profile li {
  margin: 20px 0;
  transition: all 50ms ease-in;
  color: gray;
}

.menu-aside-profile .active {
  color: black;
  font-weight: bold;
}

.menu-aside-profile li a:hover {
  color: black;
}

.profil-image-edit button {
  background-color: var(--primary-color);
  color: white;
  width: 40px;
  height: 40px;
  bottom: 0;
  right: 0;
}
.profil-image-edit button:hover {
  background-color: var(--primary-color-hover);
}

.profil-image-edit {
  width: max-content;
}