.next-section-link-wrapper {
  display: flex;
  padding-top: 20px;
  gap: 50px;
}

.next-section-link {
  display: flex;  /* This ensures that the icon and link stay aligned */
  flex-direction: row; /* Stack the icon and text vertically (if you want) */
  align-items: right;
  text-decoration: none; /* Remove underline from links */
  color: inherit; /* Default text color #333 */
  transition: color 0.2s ease; /* Smooth transition for hover effect */
}

.next-section-link-wrapper .next-section-link:hover {
  color: red; /* Change color on hover */
}

.next-section-link img.icon {
  width: 36px;  /* Adjust the icon size */
  height: auto; /* Maintain aspect ratio */
  object-fit: contain; /* Ensures the icon fits inside the container without distortion */
  transition: transform 0.3s ease;
}


/* Optional: Add a hover effect for the icon */
.next-section-link:hover .icon {
  opacity: 0.8; /* Slight fade effect on hover */
  transform: scale(1.1)
}