<button class="relative inline-flex items-center justify-center gap-2 whitespace-nowrap border border-transparent text-xs font-bold italic transition-colors focus-visible:outline-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 hover:text-accent-foreground rounded-full size-11 bg-muted-500" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 0.75rem; font-weight: bold; line-height: 1.125rem; letter-spacing: inherit; margin: 0px; padding: 0px; appearance: button; background-color: #f7f7f7; background-image: none; cursor: pointer; touch-action: manipulation; position: relative; display: inline-flex; width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; gap: 0.5rem; white-space: nowrap; border-radius: 9999px; font-style: italic; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; border: 1px solid transparent;" title="Adicionar aos seus favoritos" type="button" aria-label="Adicionar aos seus favoritos" aria-pressed="false" aria-haspopup="dialog" aria-expanded="false" aria-c