.sidebarA{
    color:white !important;
}
.sidebarA:hover{
    color: #CC0066 !important;
}

.fs-4{
    color: #CC0066 !important;
}

.offcanvas-title{
    color: #CC0066;
}
.infoSoporte:hover{
    
}

.infoSoporte {
  transition: background-color 0.3s, border-color 0.3s; /* add transition to background-color and border-color */
  cursor: pointer;
  border-radius: 5px;
  border: solid 1px white;
  align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    height: 68px;
}

.infoSoporte:hover {
  background-color: white;
}

.infoSoporte:hover p {
  color: gray;
  transition: color 0.3s; /* add transition to text color */
}