/* Default Grid 4 layout for desktop */
.grid-4-layout .module-link-btn {
  grid-column: 4 / span 12;
}

/* Default Grid 1 layout */
.grid-1-layout .module-link-btn {
  grid-column: 1 / span 12;
}

/* Common styles for button-wrapper */
.button-wrapper-module {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

/* Default module-link styles */
.module-link-btn {
  display: inline-flex;
  align-items: center;
  color: var(--nmic);
  text-decoration: none;
  padding-top: 1rem;
  font-size: 1.125rem;
  font-family: NMFieldwork-Geo-Demibold;
  grid-column: 4 / span 12;
}

/* Hover effect for module-link */
a.module-link-btn:hover {
  color: var(--nmic);
}

/* Arrow icon styles */
.module-link-btn .arrow-icon-btn {
  margin-left: 5px;
  width: 1rem;
  height: auto;
  transition: transform 0.3s ease, opacity 0.3s ease; /* Smooth rotation and visibility transitions */
}


  .module-link-btn:hover .arrow-icon-btn {
    transform: rotate(45deg); /* Rotate the arrow 45 degrees on hover */
  }
}

/* Force Grid 1 layout on mobile */
@media (max-width: 768px) {
  .module-link-btn {
    grid-column: 1 / span 12 !important; /* Force grid-1 layout */
  }
}

/* Adjust button-wrapper grid for mobile */
@media (max-width: 768px) {
  .button-wrapper-module {
    grid-template-columns: 1fr; /* Ensure a single-column grid */
  }
  
  .module-link-btn .arrow-icon-btn {
  display: none;
}
}