/** Shopify CDN: Minification failed

Line 39:51 Unexpected "-->"
Line 70:0 Unexpected "<"

**/
.list-social {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media only screen and (max-width: 749px) {
  .list-social {
    justify-content: center;
  }
}

.list-social__item .icon {
  height: 2.2rem;
  width: 2.2rem;
}

.list-social__link {
  align-items: center;
  display: flex;
  padding: 1.1rem;
  color: rgb(var(--color-foreground));
}

.utility-bar .list-social__link {
  padding: 0 0.8rem;
  height: 3.8rem;
}

.list-social__link:hover .icon {
  transform: scale(1.07);
}
<!-- Responsive Footer with Social & Partner Logos -->
<footer style="color: #fff; padding: 10px 20px; text-align: center">
  
  <!-- Logo Container -->
  <div style="display: flex; justify-content: center; align-items: center; gap: 25px; flex-wrap: wrap; margin-bottom: 20px;">

        <!-- Dog Trainer School Logo -->
    <a href="https://www.thedogtrainerschool.com" target="_blank" style="display: inline-block;">
      <img src="/cdn/shop/files/TDTS_Pro_Standard_Logo.png?v=1756141043" alt="The Dog Trainer School" style="height: 100px; width: auto;">
    </a>

    <!-- My Anxious Dog Logo -->
    <a href="https://www.myanxiousdog.com" target="_blank" style="display: inline-block;">
      <img src="/cdn/shop/files/My_Anxious_Dog_Official_Partner_Badge.png?v=1756140857" alt="My Anxious Dog Official Partner" style="height: 100px; width: auto;">
    </a>

  </div>

  <!-- Optional: Responsive Adjustment -->
<style>
  @media (max-width: 500px) {
    footer div a img {
      height: 40px; /* smaller on mobile */
    }
  }

  /* Optional: Hover effect */
  footer div a img:hover {
    transform: scale(1.1);
    transition: transform 0.3s;
  }
</style>