/**
 * Retorno a la recomendacion desde producto.
 * Prefijo propio para no alterar el tema ni otros modulos.
 */

.vvi-product-return[hidden]{display:none!important}
.vvi-product-return{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:16px 0;padding:14px 16px;background:#f3f8f4;
  border:1px solid #cfe4d7;border-radius:12px;color:#315f46
}
.vvi-product-return__copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.vvi-product-return__copy strong{font:700 14px/1.3 Roboto,Arial,sans-serif;color:#1f5136}
.vvi-product-return__copy span{font:400 12.5px/1.4 Roboto,Arial,sans-serif;color:#5d725f}
.vvi-product-return__link,
.vvi-product-return__link:visited{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:11px 15px;border-radius:10px;background:#03834a;
  color:#fff!important;text-decoration:none!important;
  font:700 12.5px/1.2 Roboto,Arial,sans-serif;letter-spacing:.025em
}
.vvi-product-return__link:hover,
.vvi-product-return__link:focus-visible{
  background:#026b3c;color:#fff!important;outline:2px solid #9dc9ad;outline-offset:2px
}

@media (max-width:576px){
  .vvi-product-return{align-items:stretch;flex-direction:column}
  .vvi-product-return__link{width:100%}
}