/*
 * Atom: Button-Varianten (.btn, .btn--*) sowie ein Override für den
 * WordPress-Core-Button-Block (.wp-block-button__link).
 */

.btn {
	cursor: pointer;
	display: inline-block;
	padding: 0.5rem 1rem;
	border: 1px solid transparent;
	text-decoration: none;
}

.btn--primary {
	background: #d40f14;
	color: #fff;
	background: #c10d12;
}

.btn--secondary {
	background: #eee;
	color: black;
}

.btn--primary-link {
	color: #fff;
	background-color: #d40f14;
	background-color: #c10d12;
	border-radius: 9999px;
	box-shadow: none;
	text-decoration: none;
	padding: calc(.667em + 2px) calc(1.333em + 2px);
	font-size: 1rem;
}

.btn--link {
	padding: 1rem 0;
	background: transparent;
	color: black;
}

.wp-block-button__link {
	color: #fff;
	background-color: #d40f14;
	border-radius: 30px;
	border: 0;
	transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.2s;
	box-shadow: none;
	text-decoration: none;
	padding: calc(.667em + 2px) calc(1.333em + 2px);
	font-size: 1.125rem;
	border-bottom: none;
}

.wp-block-button__link:hover {
	background-color: #ff1018;
	border-bottom: none;
}

a img:hover {
	border-bottom: transparent !important;
}