.partners {
  & .partners__list {
    display: grid !important;
    grid-template-columns: repeat(1, 165px);
    grid-template-rows: 165px;
    gap: 20px;

    @media (min-width: 480px) {
      grid-template-columns: repeat(2, 165px);
    }

    @media (min-width: 770px) {
      grid-template-columns: repeat(3, 165px);
    }

    @media (min-width: 1024px) {
      display: flex !important;
      gap: 30px;
    }
  }

  & .partners__list-wrapper {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;

    @media (min-width: 1024px) {
      padding: 0 20px;
      overflow-x: auto;

      /* Custom scrollbar styles */
      &::-webkit-scrollbar {
        height: 8px;
      }

      &::-webkit-scrollbar-thumb {
        background-color: var(--wp--preset--color--primary);
        border-radius: 4px;
      }

      &::-webkit-scrollbar-track {
        background-color: #f1f1f1;
      }
    }

    @media (min-width: 1280px) {
      width: unset;
      padding: 0;
      max-width: var(--wp--style--global--wide-size);
    }
  }

  & .partners__logo {
    width: 165px;
    min-width: 165px;
    height: 165px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    transition: border-color 0.3s ease;

    &:hover {
      border-color: var(--wp--preset--color--primary);
    }
    & a {
      display: block;
      width: 100%;
      height: 100%;
    }

    & img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  }

  & .partners__cta {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;

    @media (min-width: 1024px) {
      width: max-content;
      margin: 0;
    }

    & .wp-block-button {
      width: 100%;

      & a {
        width: 100%;
      }
    }
  }
}