@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300&display=swap');
body{
font-family: 'Almarai', sans-serif;
}

.webform-file-button {
  position: relative;
  padding-left: 20px; /* Adjust padding to make space for the icon */
  background: none; /* Remove background if using ::before for icon */
  line-height: 1.5; /* Adjust line-height to align text properly */
}

.webform-file-button::before {
  content: "";
  position: absolute;
  left: 5px; /* Adjust as needed */
  top: 50%;
  transform: translateY(-50%);
  width: 20px; /* Icon width */
  height: 20px; /* Icon height */
  background: url('/sites/default/files/telecharger.png') no-repeat center center;
  background-size: contain;
  transition: transform 0.3s ease; /* Smooth transition for hover effect */
}

.webform-file-button:hover::before {
  transform: translateY(-50%) scale(1.1); /* Scale the icon slightly on hover */
}