.sen-crossPromoBlock-vertical .col {
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 10px;
}
.sen-crossPromoBlock-above .sen-crossPromoBlock-card-text {
  margin-bottom: 10px;
}
.sen-crossPromoBlock-top .sen-crossPromoBlock-card-text {
  top: 10px;
}
.sen-crossPromoBlock-center .sen-crossPromoBlock-card-text {
  top: 50%; /* position the top  edge of the element at the middle of the parent */
  left: 50%; /* position the left edge of the element at the middle of the parent */
  transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
}
.sen-crossPromoBlock-bottom .sen-crossPromoBlock-card-text {
  bottom: 10px;
}
.sen-crossPromoBlock-below .sen-crossPromoBlock-card-text {
  margin-top: 10px;
}
.sen-crossPromoBlock-top .sen-crossPromoBlock-card-text, .sen-crossPromoBlock-center .sen-crossPromoBlock-card-text, .sen-crossPromoBlock-bottom .sen-crossPromoBlock-card-text {
  position: absolute;
}
.sen-crossPromoBlock-top .sen-crossPromoBlock-card-text > span, .sen-crossPromoBlock-center .sen-crossPromoBlock-card-text > span, .sen-crossPromoBlock-bottom .sen-crossPromoBlock-card-text > span {
  background-color: rgba(34, 34, 34, 0.85);
  color: white;
  padding: 8px 16px;
}
.sen-crossPromoBlock-card {
  height: 200px;
  display: block;
  position: relative;
}
.sen-crossPromoBlock-card-text {
  text-align: center;
  width: 100%;
}
.sen-crossPromoBlock-card-text > span {
  font-size: 18px;
}
