/**
 * "Create Class" button on the class list page.
 *
 * The button is rendered into the page content, but belongs visually on the
 * page title's line. The title sits in a sibling element (.entry-header), so
 * class-creation.js moves the button in there and flags the header with
 * .lof-has-create-class — these rules only apply once that has happened, so
 * no other page's header is affected.
 */

.entry-header.lof-has-create-class {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
}

.entry-header.lof-has-create-class .entry-title {
	margin-bottom: 0;
}

/* Pushes the button to the right edge whatever else the header contains. */
.entry-header.lof-has-create-class .lof-create-class {
	margin-left: auto;
}

.lof-create-class a,
.lof-create-class a:hover,
.lof-create-class a:focus {
	text-decoration: none;
}