.tx-sf-banners > * {
  display: flex;
  gap: var(--g-gap-m);
  flex-direction: column;
  max-width: 920px;
  width: 250px;
  position: relative;
}

.tx-sf-banners .banner {
  border-radius: var(--b-radius-m);
  border: 2px solid rgb(var(--c-primary));
  padding: 1.5rem;
}

.tx-sf-banners .banner img {
  max-height: 140px;
  max-width: 180px;
  width: 200px;
}

.banner a[rel="noopener sponsored"]::after {
  content: "\f08e";
  font-family: "FaRegular";
  display: inline-block;
  position: absolute;
  padding: 0.3rem;
  top: 0.5rem;
  line-height: 100%;
  font-size: var(--f-size-s-2);
}

@media (min-width: 640px) {
  .tx-sf-banners > * {
    display: grid;
    grid-template-columns: repeat(2, 250px);
    width: 100%;
  }

  .tx-sf-banners .banner img {
    width: auto;
  }

  .tx-sf-banners .banner {
    height: auto;
  }
}

@media (min-width: 1024px) {
  .tx-sf-banners > * {
    display: grid;
    grid-template-columns: repeat(4, 250px);
  }
}