.integration-logo-wrapper {
  width: 300px;
  aspect-ratio: 1 / 1;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--wp--preset--color--white);
  border-radius: 1000px;
  /* $box-shadow and $box_shadow are the same Sass variable (hyphens/underscores
     are interchangeable in Sass identifiers) -- the theme/_variables.scss
     redeclaration wins, so this resolves to the blue-tinted shadow, not the
     plain black one from base/_variables.scss */
  box-shadow: var(--shadow-card);
}

@media screen and (max-width: 1090px) {
  .integration-logo-wrapper {
    margin: 0 auto;
  }
}

@media screen and (max-width: 784px) {
  .integration-logo-wrapper {
    margin: 0 auto 0 0;
  }
}

.integration-logo-wrapper .integration-logo {
  max-width: calc(100% - 40px);
}