.wrapper
{
	padding-bottom: 2em;
}
.phrases
{
	display: block;
	padding: 1em;
}

.auphrase, .transphrase  {
	margin-left: 0.4em;
	margin-right: 0.4em;
	margin-bottom: 0.3em;
	padding: 0.2em 0.4em;
	background-color: #eee;
	width: fit-content;
}

.transphrase {
	margin-bottom: 1.5em;
	background-color: transparent;
	font-weight: 100;
	

}

.audiolink {
	width: 2em;
}
.audiolink:before {
	margin:0 0.5em;
	transform: translate(-50%, -35%);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M14.44%2023.92c0%20.16-.09.32-.25.39-.16.05-.35.02-.46-.09l-4.47-4.47H6.1c-.23%200-.42-.18-.42-.42v-6.67c0-.23.19-.42.42-.42h3.15l4.47-4.47c.12-.12.3-.14.46-.09.16.07.25.23.25.39v15.85zm3.96-1.3l-1.18-1.16c-.16-.18-.16-.44%200-.6%202.69-2.69%202.69-7.04%200-9.72-.16-.16-.16-.42%200-.58l1.18-1.18c.16-.16.42-.16.58%200%203.66%203.66%203.66%209.58%200%2013.24-.17.16-.42.16-.58%200zm2.06%202.08c-.16-.19-.16-.44%200-.6%204.47-4.47%204.47-11.74%200-16.2-.16-.16-.16-.42%200-.58l1.18-1.18c.16-.16.42-.16.58%200%205.46%205.44%205.46%2014.28%200%2019.72-.16.16-.42.16-.58%200l-1.18-1.16z%22%2F%3E%3C%2Fsvg%3E");
}