.icon-fixed {
  font-size: 40px;
  width: 48px;
  height: 48px;         /* sets a fixed box height */
  display: inline-block;   /* needed for width/height to apply */
  text-align: center;      /* centers icon horizontally */
  line-height: 48px;       /* centers icon vertically */
  color: #007bff;          /* or use Bootstrap's text-primary */
}

.icon-fixed:hover {
  color: #0056b3;
  transform: scale(1.2);
  transition: all 0.2s ease;
}