.block.masthead {

	.masthead-layout.-button-right {
		display: flex;
		justify-content: space-between;
		align-items: end;
		gap: var(--spx4);
	}

	.back {

		a {
			font-weight: 700;
			color: var(--brand-blue-50);

			&:hover {
				text-decoration: underline;
			}
		}
	}

	.page-title {
		margin: 0;

		&:has(.pill) {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 0 0.5em;
		}
	}

	.pill {
		margin: 1em 0;
		padding: 0.4em 1em;
		font-size: var(--body);
		line-height: 1;
		font-weight: 700;
		border-radius: 100px;
	}

	.page-description {
		margin: 0;
		text-wrap: balance;

		a {
			font-weight: 700;
			color: var(--brand-blue-50);
		}
	}

	.button-right {
		flex: 0 0 auto;
	}

	.share-link {
		margin-top: 1em;
	}

	@media (max-width: 767px) {

		.masthead-layout.-button-right {
			align-items: start;
			flex-direction: column;
		}
	}
}