/* Fix for resource buttons width in free resources section */

/* Make buttons narrower with a maximum width */
.resource-button {
  width: auto !important;
  max-width: 360px !important; /* Limit width to better match content */
  align-self: flex-start !important; /* Align to the start of container instead of stretching */
}

/* Resource item content container */
.resource-item-content {
  max-width: 360px !important;
}

/* Resource bullets - make sure these align with the buttons */
.resource-bullets {
  max-width: 360px !important;
  padding-left: 20px !important;
}

/* Adjust button text size for better fit */
.resource-button {
  font-size: 15px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .resource-button, 
  .resource-item-content,
  .resource-bullets {
    max-width: 320px !important;
    width: 100% !important;
  }
  
  .resource-button {
    font-size: 14px !important;
  }
}

/* For very small screens */
@media (max-width: 375px) {
  .resource-button, 
  .resource-item-content,
  .resource-bullets {
    max-width: 100% !important;
  }
}