.Load {
  width: 48px;
  height: 40px;
  display: flex;                 /* center align */
  align-items: center;
  justify-content: center;
  border-radius: 8px;            /* rounded corners */
  background-color: #f3eaff;     /* light lavender shade */
  box-shadow: 0px 2px 4px rgba(0,0,0,0.1); /* subtle shadow */
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.Load:hover {
  background-color: #e0d4fa;     /* darker shade on hover */
  transform: translateY(-1px);   /* small lift */
}

.Load mat-icon {
  color: #333;       /* icon color */
  font-size: 20px;   /* icon size */
}