.uk-micro {
    font-size: 0.7rem;

  }
  .uk-button {
    padding: 12px 30px;
    line-height: normal;
  }
  .uk-button-large {
    padding: 18px 30px;
    line-height: normal;
  }
  .rooms-list > li {
display: block;
margin-bottom: 15px;
  }
  
.uk-button-copy {
padding: 0 0 20px 7px;
  position: relative;
}

.uk-button-copy.uk-hidden {
  display: none;
}

/* Переходы для иконки */
.uk-button-copy .copy-icon {
  transition: transform 0.3s ease;
}

/* Стиль при наведении на иконку */
.uk-button-copy:hover .copy-icon {
  transform: scale(1.1);
}

.promoguy {
  background-repeat: no-repeat;
  background-position: 30px bottom;
  background-size: contain; /* Можно подстроить под размер */
}
.action {
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 50%; /* Можно подстроить под размер */
}

#promo-code-container h3 {
  display: inline-block;
  padding: 7px 16px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#promo-code-container p {
margin-top: 2px;
}
.el-title {
  font-size: 1.5rem;
}
.promoguy .uk-button-copy {
padding-top: 20px;
}
/* 
Phone landscape and bigger
@media (min-width: 640px) {

}
Tablet landscape and bigger
@media (min-width: 960px) {

}
Desktop and bigger
@media (min-width: 1200px) {

}
Large screen and bigger
@media (min-width: 1600px) {

}

---

Phone portrait and smaller
@media (max-width: 639px) {

}
 Phone landscape and smaller
@media (max-width: 959px) {

}
Tablet landscape and smaller
@media (max-width: 1199px) {

}
Desktop and smaller
@media (max-width: 1599px) {

}
*/

@media (max-width: 640px) {
    .sm-block {
        display: block;
        margin-left: 0 !important;
        margin-top: 30px;
    }
}