.slot {
  padding-block: var(--_padding-block);
}
@media (min-width: 1200px) {
  .slot {
    --_padding-block: 40px;
  }
}
@media (min-width: 740px) and (max-width: 1199.98px) {
  .slot {
    --_padding-block: 20px;
  }
}
@media (max-width: 739.98px) {
  .slot {
    --_padding-block: 10px;
  }
}
.slot:has(.slot_pic) {
  position: relative;
}
.slot:has(.slot_pic) .slot_cta {
  position: absolute;
  padding: var(--_padding-block) 36px;
}
.slot_pic img {
  width: 100%;
}
.slot_cta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 36px;
  justify-content: center;
  width: 100%;
}
@media (min-width: 1200px) {
  .slot_cta {
    bottom: 20%;
  }
}
@media (max-width: 1199.98px) {
  .slot_cta {
    bottom: 16%;
  }
}
@media (max-width: 739.98px) {
  .slot_cta > * {
    flex-grow: 1;
  }
}
.slot_cta .content-btn {
  margin: 0;
}