/*
 * CSS GERAL
 */

.single-campanha h2 {
  font-weight: 700;
  text-transform: none;
}

/*
 * Button Item
 */

.btn-campaign {
  color: var(--button-text-color) !important;
  background-color: var(--button-background-color) !important;
  border: 2px solid var(--button-border-color) !important;
  border-radius: 30px;
  font-size: 1rem;
  padding: 10px 30px;
  cursor: pointer;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  font-weight: 500;
  display: inline-block;
}

.btn-campaign:hover {
  color: var(--button-text-color-hover) !important;
  background-color: var(--button-background-color-hover) !important;
  border-color: var(--button-border-color-hover) !important;
}


/*
 * Promo Component
 */

#component_promo .product-description{
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*
 * Slider Component
 */

#component_slider .slick-next {
  right: 10px !important;
  background: transparent !important;
}
#component_slider .slick-prev {
  left: 10px !important;
  background: transparent !important;
}

body .slick-next:before, body .slick-prev:before {
  color: var(--slick-button-color);
  opacity: 1;
}