/*
 * SE Button: the site's own button (.se-btn), red or black, plus the no fill
 * style. The brand has no borders, so "outline" is the words and the arrow on
 * their own, turning red on hover.
 */

.sepk-button {
	display: flex;
	justify-content: flex-start;
}

.sepk-button--center { justify-content: center; }
.sepk-button--right { justify-content: flex-end; }

.se-btn.sepk-btn--outline {
	padding-inline: 0;
	background: transparent;
	color: var(--se-bone);
}

.se-btn.sepk-btn--outline:hover,
.se-btn.sepk-btn--outline:focus-visible {
	background: transparent;
	color: var(--se-red-hot);
}