.featuredpromotion {
  border: 1px solid transparent;  /* żeby łapało marginesy elementu wewnątrz */
  text-align: center;
  position: relative;
  padding-top: .3rem;
  padding-bottom: .3rem;
  line-height: 1.6;
}
.featuredpromotion__fixed .featuredpromotion {
  padding-top: 0;
  padding-bottom: 0;
}

.featuredpromotion__fixed {
  display: none;
  position: fixed; /* tymczasowo - usunąć gdy menu będzie sticky*/
  top: 0;/* tymczasowo - usunąć gdy menu będzie sticky*/
  left: 0;/* tymczasowo - usunąć gdy menu będzie sticky*/
  width: 100%;/* tymczasowo - usunąć gdy menu będzie sticky*/
  z-index: 99;/* tymczasowo - usunąć gdy menu będzie sticky*/
}
.featuredpromotion__url {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.featuredpromotion__content {
  margin-top: 0.5rem; /* Tyle samo co margines dolny <p> - wtedy równy odstęp u góry, dołu i pomiędzy p*/
  margin-bottom: 0.5rem; /* Tyle samo co margines dolny <p> - wtedy równy odstęp u góry, dołu i pomiędzy p*/
  padding-left: 15px;
  padding-right: 15px;
}
.featuredpromotion__content p{
  margin-bottom: 0.5rem; /* zmniejszenie odstępu międzu akapaitami - węższy pasek */
  font-size: 13px;
}

.featuredpromotion .close {
  color: #FFF;
  font-size: 1.2em;
}