.bananas-reacoes {
	margin: 0.35rem 0 0.25rem;
}

.bananas-reacoes__row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.85rem 1.6rem;
}

.bananas-reacoes__list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.75rem 0.55rem;
	margin: 0;
}

button.bananas-reacoes__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.4rem;
	margin: 0;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #1a1a1a !important;
	font-family: inherit;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	appearance: none;
}

.bananas-reacoes__face,
.bananas-reacoes__share {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #cfd4d2;
	border-radius: 0.55rem;
	background: transparent;
	color: #1a1a1a;
}

.bananas-reacoes__face {
	width: 4.7rem;
	height: 3.2rem;
	padding: 0.2rem 0.35rem;
}

.bananas-reacoes__face img {
	display: block;
	width: 2.45rem;
	height: 2.45rem;
	object-fit: contain;
}

.bananas-reacoes__text {
	color: #1a1a1a;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.15;
	text-align: center;
	white-space: nowrap;
}

.bananas-reacoes__count {
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.01em;
}

.bananas-reacoes__share {
	width: 3.2rem;
	height: 3.2rem;
	margin-top: calc(1.15 * 0.95rem + 0.4rem);
	text-decoration: none;
}

.bananas-reacoes__share svg {
	display: block;
}

.bananas-reacoes__item:hover .bananas-reacoes__face,
.bananas-reacoes__share:hover {
	border-color: #8d8d8d;
}

.bananas-reacoes__item.is-selected .bananas-reacoes__face {
	border-color: #1a1a1a;
}

.bananas-reacoes__item:focus-visible .bananas-reacoes__face,
.bananas-reacoes__share:focus-visible {
	outline: 2px solid #1a1a1a;
	outline-offset: 3px;
}

@media (max-width: 781px) {
	.bananas-reacoes__row,
	.bananas-reacoes__list {
		justify-content: center;
	}
}