.offer-card {
  padding-top: 34px;
}

.offer-rank {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 24px;
  display: inline-flex;
  min-width: 64px;
  justify-content: center;
  padding: 6px 12px 7px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(180deg, #e0b45c, #c28b30);
  color: #0b1321;
  font-size: .66rem;
  font-weight: 950;
  letter-spacing: .09em;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
}

.offer-card:nth-of-type(n + 4) .offer-rank {
  background: #253b59;
  color: #dce5f2;
}

.offer-card .offer-brand img {
  background: #fff;
}

@media (max-width: 560px) {
  .offer-card {
    padding-top: 38px;
  }

  .offer-rank {
    left: 19px;
  }
}