/* Module links-external CSS */

/* For Selfserve Platform cards alignment starts here */
body.ip3-edit .module-links-external .platformLink--row .component-content {display: flex; flex-wrap: wrap; justify-content: center !important;}

/* For Selfserve Platform cards alignment ends here */

.module-links-external {

.platform__image-wrapper img {width: auto; height: auto; max-width: 100%; max-height: 100px;}
	
@media (min-width: 900.01px) {
.platform-link .cta {min-width: 250px; padding: var(--sm-3) 10px /* var(--sm-3) var(--lg-4)*/; }
}
@media (min-width: 768px) and (max-width: 900px) {
.platform-link .cta {min-width: 205px; padding: var(--sm-3) 5px /* var(--sm-3) var(--lg-4)*/; }
}

@media (max-width: 767.98px) {

  .platform--card__wrapper.flex-column {
    flex-direction: row !important;
    align-items: center;
	  padding: 0;
  }

  /* Left side - image */
  .platform__image-wrapper {
    flex: 0 0 auto;
  }

  .platform__image-wrapper img {
    max-width: 40px;
  }

  /* Middle - take all remaining space */
  .platform-title {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left !important;
  }
	
  .platform-title .card-title-new-v1 {
  font-size: 1.5rem;
  font-weight: 600;
}

  /* Right side - content/link */
  .platform__button {
    flex: 0 0 auto;
  }

  .platform-link {
    justify-content: flex-end !important;
  }
  
  .platformLink--card > .platform--card {border-bottom: 1px solid #eaeaea;}

  .platform-link .cta {min-width: 200px/*165px 150px*/; padding: var(--sm-3) 20px /*5px*/ /*var(--lg-4)*/; }
	
}

}