<button is="cib-button" id="positive-button" appearance="subtle" aria-pressed="false" description="Curtir" aria-label="Curtir" type="button" description-position="top" style="position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; height: 32px; min-width: 32px; padding: 4px; fill: var(--cib-color-foreground-neutral-primary); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; border-width: 1px; border-style: solid; border-color: transparent; border-radius: var(--cib-border-radius-medium); font-family: var(--cib-font-text); font-size: var(--cib-type-body1-font-size); line-height: var(--cib-type-body1-line-height); font-weight: var(--cib-type-body1-font-weight); font-variation-settings: var(--cib-type-body1-font-variation-settings); pointer-events: auto; width: 32px;"><svg-icon type="thumb-like" aria-hidden="true" style="--icon-color: var(--cib-color-foreground-neutral-quaternary); --icon-size: 20px; display: inline-block; height: var(--icon-size); width: var(--icon-size); min-height: var(--icon-size); min-width: var(--icon-size); color: var(--icon-color); fill: var(--icon-color); user-select: none; backface-visibility: hidden; transform: translateZ(0px);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg></svg-icon></button><button is="cib-button" id="negative-button" appearance="subtle" aria-pressed="false" description="Não curtir" aria-label="Não curtir" type="button" description-position="top" style="position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; height: 32px; min-width: 32px; padding: 4px; fill: var(--cib-color-foreground-neutral-primary); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; border-width: 1px; border-style: solid; border-color: transparent; border-radius: var(--cib-border-radius-medium); font-family: var(--cib-font-text); font-size: var(--cib-type-body1-font-size); line-height: var(--cib-type-body1-line-height); font-weight: var(--cib-type-body1-font-weight); font-variation-settings: var(--cib-type-body1-font-variation-settings); pointer-events: auto; width: 32px;"><svg-icon type="thumb-dislike" aria-hidden="true" style="--icon-color: var(--cib-color-foreground-neutral-quaternary); --icon-size: 20px; display: inline-block; height: var(--icon-size); width: var(--icon-size); min-height: var(--icon-size); min-width: var(--icon-size); color: var(--icon-color); fill: var(--icon-color); user-select: none; backface-visibility: hidden; transform: translateZ(0px);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg></svg-icon></button><button is="cib-button" id="copy-button" appearance="subtle" description="Copiar" aria-label="Copiar" type="button" description-position="top" style="position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; height: 32px; min-width: 32px; padding: 4px; fill: var(--cib-color-foreground-neutral-primary); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; border-width: 1px; border-style: solid; border-color: transparent; border-radius: var(--cib-border-radius-medium); font-family: var(--cib-font-text); font-size: var(--cib-type-body1-font-size); line-height: var(--cib-type-body1-line-height); font-weight: var(--cib-type-body1-font-weight); font-variation-settings: var(--cib-type-body1-font-variation-settings); pointer-events: auto; width: 32px;"><svg-icon type="copy" aria-hidden="true" style="--icon-color: var(--cib-color-foreground-neutral-quaternary); --icon-size: 20px; display: inline-block; height: var(--icon-size); width: var(--icon-size); min-height: var(--icon-size); min-width: var(--icon-size); color: var(--icon-color); fill: var(--icon-color); user-select: none; backface-visibility: hidden; transform: translateZ(0px);"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg></svg-icon></button><button is="cib-button" id="export-button" appearance="subtle" aria-haspopup="true" aria-expanded="false" description="Exportar" aria-label="Exportar" type="button" description-position="top" style="position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; height: 32px; min-width: 32px; padding: 4px; fill: var(--cib-color-foreground-neutral-primary); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; border-width: 1px; border-style: solid; border-color: transparent; border-radius: var(--cib-border-radius-medium); font-family: var(--cib-font-text); font-size: var(--cib-type-body1-font-size); line-height: var(--cib-type-body1-line-height); font-weight: var(--cib-type-body1-font-weight); font-variation-settings: var(--cib-type-body1-font-variation-settings); pointer-events: auto; width: 32px;"><svg-icon type="arrow-download" aria-hidden="true" style="--icon-color: var(--cib-color-foreground-neutral-quaternary); --icon-size: 20px; display: inline-block; height: var(--icon-size); width: var(--icon-size); min-height: var(--icon-size); min-width: var(--icon-size); color: var(--icon-color); fill: var(--icon-color); user-select: none; backface-visibility: hidden; transform: translateZ(0px);"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg></svg-icon></button><button is="cib-button" class="readaloud-icon" appearance="extension" aria-label="Ler em voz alta" description="Ler em voz alta" type="button" description-position="top" style="width: 32px; position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; height: 32px; min-width: 32px; padding: 4px; fill: var(--cib-color-foreground-neutral-primary); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; border-width: 1px; border-style: solid; border-color: transparent; border-radius: var(--cib-border-radius-medium); font-family: var(--cib-font-text); font-size: var(--cib-type-body1-font-size); line-height: var(--cib-type-body1-line-height); font-weight: var(--cib-type-body1-font-weight); font-variation-settings: var(--cib-type-body1-font-variation-settings); pointer-events: auto;"><svg-icon class="readaloud" type="read-aloud" size="20" aria-hidden="true" style="--icon-color: var(--cib-color-foreground-neutral-quaternary); --icon-size: 20px; display: inline-block; height: var(--icon-size); width: var(--icon-size); min-height: var(--icon-size); min-width: var(--icon-size); color: var(--icon-color); fill: var(--icon-color); user-select: none; backface-visibility: hidden; transform: translateZ(0px);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 19"></svg></svg-icon></button>

<button is="cib-button" id="positive-button" appearance="subtle" aria-pressed="false" description="Curtir" aria-label="Curtir" type="button" description-position="top" style="position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; height: 32px; min-width: 32px; padding: 4px; fill: var(--cib-color-foreground-neutral-primary); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; border-width: 1px; border-style: solid; border-color: transparent; border-radius: var(--cib-border-radius-medium); font-family: var(--cib-font-text); font-size: var(--cib-type-body1-font-size); line-height: var(--cib-type-body1-line-height); font-weight: var(--cib-type-body1-font-weight); font-variation-settings: var(--cib-type-body1-font-variation-settings); pointer-events: auto; width: 32px;"><svg-icon type="thumb-like" aria-hidden="true" style="--icon-color: var(--cib-color-foreground-neutral-quaternary); --icon-size: 20px; display: inline-block; height: var(--icon-size); width: var(--icon-size); min-height: var(--icon-size); min-width: var(--icon-size); color: var(--icon-color); fill: var(--icon-color); user-select: none; backface-visibility: hidden; transform: translateZ(0px);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg></svg-icon></button><button is="cib-button" id="negative-button" appearance="subtle" aria-pressed="false" description="Não curtir" aria-label="Não curtir" type="button" description-position="top" style="position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; height: 32px; min-width: 32px; padding: 4px; fill: var(--cib-color-foreground-neutral-primary); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; border-width: 1px; border-style: solid; border-color: transparent; border-radius: var(--cib-border-radius-medium); font-family: var(--cib-font-text); font-size: var(--cib-type-body1-font-size); line-height: var(--cib-type-body1-line-height); font-weight: var(--cib-type-body1-font-weight); font-variation-settings: var(--cib-type-body1-font-variation-settings); pointer-events: auto; width: 32px;"><svg-icon type="thumb-dislike" aria-hidden="true" style="--icon-color: var(--cib-color-foreground-neutral-quaternary); --icon-size: 20px; display: inline-block; height: var(--icon-size); width: var(--icon-size); min-height: var(--icon-size); min-width: var(--icon-size); color: var(--icon-color); fill: var(--icon-color); user-select: none; backface-visibility: hidden; transform: translateZ(0px);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg></svg-icon></button><button is="cib-button" id="copy-button" appearance="subtle" description="Copiar" aria-label="Copiar" type="button" description-position="top" style="position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; height: 32px; min-width: 32px; padding: 4px; fill: var(--cib-color-foreground-neutral-primary); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; border-width: 1px; border-style: solid; border-color: transparent; border-radius: var(--cib-border-radius-medium); font-family: var(--cib-font-text); font-size: var(--cib-type-body1-font-size); line-height: var(--cib-type-body1-line-height); font-weight: var(--cib-type-body1-font-weight); font-variation-settings: var(--cib-type-body1-font-variation-settings); pointer-events: auto; width: 32px;"><svg-icon type="copy" aria-hidden="true" style="--icon-color: var(--cib-color-foreground-neutral-quaternary); --icon-size: 20px; display: inline-block; height: var(--icon-size); width: var(--icon-size); min-height: var(--icon-size); min-width: var(--icon-size); color: var(--icon-color); fill: var(--icon-color); user-select: none; backface-visibility: hidden; transform: translateZ(0px);"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg></svg-icon></button><button is="cib-button" id="export-button" appearance="subtle" aria-haspopup="true" aria-expanded="false" description="Exportar" aria-label="Exportar" type="button" description-position="top" style="position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; height: 32px; min-width: 32px; padding: 4px; fill: var(--cib-color-foreground-neutral-primary); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; border-width: 1px; border-style: solid; border-color: transparent; border-radius: var(--cib-border-radius-medium); font-family: var(--cib-font-text); font-size: var(--cib-type-body1-font-size); line-height: var(--cib-type-body1-line-height); font-weight: var(--cib-type-body1-font-weight); font-variation-settings: var(--cib-type-body1-font-variation-settings); pointer-events: auto; width: 32px;"><svg-icon type="arrow-download" aria-hidden="true" style="--icon-color: var(--cib-color-foreground-neutral-quaternary); --icon-size: 20px; display: inline-block; height: var(--icon-size); width: var(--icon-size); min-height: var(--icon-size); min-width: var(--icon-size); color: var(--icon-color); fill: var(--icon-color); user-select: none; backface-visibility: hidden; transform: translateZ(0px);"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg></svg-icon></button><button is="cib-button" class="readaloud-icon" appearance="extension" aria-label="Ler em voz alta" description="Ler em voz alta" type="button" description-position="top" style="width: 32px; position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; height: 32px; min-width: 32px; padding: 4px; fill: var(--cib-color-foreground-neutral-primary); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; border-width: 1px; border-style: solid; border-color: transparent; border-radius: var(--cib-border-radius-medium); font-family: var(--cib-font-text); font-size: var(--cib-type-body1-font-size); line-height: var(--cib-type-body1-line-height); font-weight: var(--cib-type-body1-font-weight); font-variation-settings: var(--cib-type-body1-font-variation-settings); pointer-events: auto;"><svg-icon class="readaloud" type="read-aloud" size="20" aria-hidden="true" style="--icon-color: var(--cib-color-foreground-neutral-quaternary); --icon-size: 20px; display: inline-block; height: var(--icon-size); width: var(--icon-size); min-height: var(--icon-size); min-width: var(--icon-size); color: var(--icon-color); fill: var(--icon-color); user-select: none; backface-visibility: hidden; transform: translateZ(0px);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 19"></svg></svg-icon></button>