.pankkiviivakoodi {
	max-width: 100%;
	overflow-x: auto;
}

.pankkiviivakoodi__image {
	display: block;
	margin-top: 0.5rem;
}

.pankkiviivakoodi__value {
	font: inherit;
	overflow-wrap: anywhere;
}

.pankkiviivakoodi__recipient {
	margin-bottom: 0.25rem;
}

.pankkiviivakoodi__text-row {
	align-items: center;
	display: flex;
	gap: 0.25rem;
}

.has-text-align-center .pankkiviivakoodi__text-row {
	justify-content: center;
}

.has-text-align-center .pankkiviivakoodi__image {
	margin-left: auto;
	margin-right: auto;
}

.has-text-align-right .pankkiviivakoodi__text-row {
	justify-content: flex-end;
}

.has-text-align-right .pankkiviivakoodi__image {
	margin-left: auto;
	margin-right: 0;
}

.pankkiviivakoodi__copy {
	align-items: center;
	background: transparent;
	border: 0;
	color: currentColor;
	cursor: pointer;
	display: inline-flex;
	padding: 0.25rem;
}

.pankkiviivakoodi__copy svg {
	fill: currentColor;
	height: 1em;
	width: 1em;
}

.pankkiviivakoodi__message {
	display: block;
}