.truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.btn-cart {
  font-size: 18pt;
  color: var(--cor-bg1);
  position: relative
}

.btn-cart:hover {
  font-size: 18pt;
  color: var(--cor-bg1);
}

button.btn-cart span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--cor-bg2);
  color: var(--cor-txt1);
  border-radius: 50%;
  font-size: 9pt;
  font-weight: bold;
  line-height: 2;
  text-align: center;
  min-width: 23px
}

.cart {
  width: 350px;
  height: 100vh;
  background: #FFF;
  position: fixed;
  right: 0;
  box-shadow: 0px -1px 3px #000;
  z-index: 8;
  transition: all 0.2s ease;
  margin-right: -350px;
  overflow: auto
}

.cart.active {
  margin: 0
}

.cart .c1 {
  max-width: 30%
}

.cart .c2 {
  max-width: 70%
}

.cart .btns {
  width: 95%
}

.cart .t_cart {
  width: 100%;
  background-color: #65b907;
  color: #FFF;
  text-align: center
}

.cart .total span {
  font-size: 10pt;
  padding: 9px
}

.cart .total strong {
  color: #f25e05
}