/* V5: El enlace original «Ver producto» es el botón animado; no se crea otro botón. */
.ctp-view-animated:is(a){
  --ctp-view-accent:#e91532;
  position:relative!important;isolation:isolate;overflow:hidden;
  display:inline-flex!important;align-items:center;justify-content:center;gap:9px;
  min-height:42px;padding:10px 14px;border-radius:10px!important;
  border:1px solid var(--ctp-view-accent)!important;
  background:var(--ctp-view-accent)!important;color:#fff!important;
  font-size:12px;font-weight:800;text-align:center;text-decoration:none!important;
  box-shadow:0 5px 13px color-mix(in srgb,var(--ctp-view-accent) 22%,transparent);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.ctp-view-animated:is(a)::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.25) 47%,transparent 70%);
  transform:translateX(-160%);transition:transform .7s ease;
}
.ctp-view-animated:is(a):hover::before,.ctp-view-animated:is(a):focus-visible::before{transform:translateX(160%)}
.ctp-view-animated:is(a):hover,.ctp-view-animated:is(a):focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--ctp-view-accent) 32%,transparent);filter:brightness(1.04)}
.ctp-view-animated:is(a):active{transform:scale(.98)}
.ctp-view-animated .ctp-view-arrow{display:inline-block;transition:transform .2s ease;font-size:17px;line-height:1}
.ctp-view-animated:is(a):hover .ctp-view-arrow,.ctp-view-animated:is(a):focus-visible .ctp-view-arrow{transform:translateX(4px)}
@media(max-width:620px){.ctp-view-animated:is(a){width:100%;min-height:43px;padding:11px 8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.ctp-view-animated:is(a),.ctp-view-animated:is(a)::before,.ctp-view-animated .ctp-view-arrow{transition:none!important;animation:none!important}}