.sp-feature-promotion__item {
  background: #fff;
  border-radius: var(--borderRadius);
  overflow: hidden;
  box-shadow: var(--boxShadowMd);
  display: flex;
  flex-direction: column;
  height: 100%;
  /* transform: translateY(0); */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sp-feature-promotion__item:hover {
  transform: scale(1.01);
  box-shadow: var(--boxShadowLg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sp-feature-promotion__thumb {
  display: block;
  position: relative;
  overflow: hidden;
}

.sp-feature-promotion__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sp-feature-promotion__item_content {
  padding: 20px 15px;
}

.sp-feature-promotion__title {
  font-size: var(--fontBody2);
  margin-bottom: 12px;
  font-weight: var(--fontWeightBold);
  line-height: 1.3;
}

.sp-feature-promotion__title a {
  color: inherit;
  text-decoration: none;
}

.sp-feature-promotion__title a:hover,
.sp-feature-promotion__title a:focus {
  color: var(--primaryColor);
}

.sp-feature-promotion__excerpt {
  font-size: var(--fp-desc);
  margin-bottom: 20px;
  color: var(--textColor);
}

.sp-feature-promotion__cta {
  margin-top: auto;
}

/* Scoped utility: remove underline on the small description link blocks present in designs */
.sp-blog .sp-feature-promotion__excerpt a {
  text-decoration: underline;
}

.sp-recent-promotion .sp-promotion__thumb img {
  border-radius: var(--borderRadius);
}

.sp-recent-promotion .sp-promotion__title {
  font-size: var(--fontBody);
  font-weight: 500;
}

.sp-recent-promotion .sp-promotion__item {
  border: solid 1px var(--greyColor300);
  border-radius: var(--borderRadius);
  padding: 5px;
  transition: var(--transition);
}
.sp-recent-promotion .sp-promotion__item:hover {
  border: solid 1px var(--primaryColor);
  transition: var(--transition);
  box-shadow: var(--boxShadowMd);
}
.sp-recent-promotion .sp-promotion__item_content {
  padding: 10px;
}
@media (max-width: 575.98px) {
  .sp-feature-promotion__title {
    font-size: var(--fontBody2);
  }
  .sp-feature-promotion__item_content {
    padding: 15px 10px;
  }
}
