/* Customização */
:root {
  --sb-background: #f3f3f3;
  --sb-borderColor: #f3f3f3;
  --sb-color-title: #666;
  --sb-color-btn: #1474fc;
  --sb-background-btn: #f3f3f3;
}

/* Default */
#smartbanner {
  display: none;
  padding: 9px 15px 9px 8px;
  align-items: center;
  border: solid 1px var(--sb-borderColor);
  border-width: 1px 0;
  background: var(--sb-background);
  position: fixed;
  width: 100%;
  z-index: 9999;
}
.smartbanner__close {
  display: block;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
  border: 0;
  text-align: center;
}
.smartbanner__close::before,
.smartbanner__close::after {
  position: absolute;
  width: 1px;
  height: 12px;
  background: #767676;
  content: " ";
}
.smartbanner__close::before {
  transform: rotate(45deg);
}
.smartbanner__close::after {
  transform: rotate(-45deg);
}
#smartbanner img {
  max-height: 52px;
  margin-right: 8px;
  border-radius: 15px;
}
.smartbanner__info__title {
  font-size: 14px;
  color: var(--sb-color-title);
}
.smartbanner__info__author,
.smartbanner__info__price {
  font-size: 12px;
  color: var(--sb-color-title);
}
#smartbanner a {
  color: var(--sb-color-btn);
  background: var(--sb-background-btn);
  margin-left: auto;
  padding: 8px 15px;
  border-radius: 3px;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
}

#smartbanner.smartbanner__hidden {
  display: none !important;
}
@media screen and (max-width: 767px) {
  #smartbanner {
    display: flex;
  }
}