:host {
	display: inline-block;
}
:host[hidden] {
	display: none;
}
button {
	display: block;
	padding: .2em .3em;
	border: none;
	font-size: inherit;
}
button:focus {
	outline: unset;
}
content > * {
	text-align: center;
	height: 2.5em;
	min-width: 2.5em;
}
content > :first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
content > :last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#charge {
	background-color: rgb(var(--smoothly-success-color));
}
#cancel {
	background-color: rgb(var(--smoothly-danger-color));
}
#refund {
	background-color: rgb(var(--smoothly-danger-color));
}
#synchronize {
	background-color: rgb(var(--smoothly-dark-color));
}
#amount {
	min-width: 6em;
	padding: 0;
	background-color: rgb(var(--smoothly-dark-color));
}
content {
	display: flex;
}
:host > smoothly-popup {
	display: inline;
}
