.pirates-access {
	box-sizing: border-box;
	max-width: 32rem;
	padding: 1.25rem;
	border: 1px solid rgba( 0, 0, 0, 0.12 );
	border-radius: 4px;
	background: rgba( 0, 0, 0, 0.02 );
}

.pirates-access *,
.pirates-access *::before,
.pirates-access *::after {
	box-sizing: inherit;
}

.pirates-access__title {
	margin: 0 0 0.5rem;
	font-size: 1.25rem;
	line-height: 1.3;
}

.pirates-access__lead {
	margin: 0 0 0.75rem;
}

.pirates-access__steps {
	margin: 0;
	padding-left: 1.25rem;
}

.pirates-access__steps li {
	margin: 0 0 0.5rem;
}

.pirates-access__steps li:last-child {
	margin-bottom: 0;
}

.pirates-access__play {
	margin: 1.25rem 0 0;
}

/* The one call to action: it should read as the obvious next step. */
.pirates-access__play-link {
	display: inline-block;
	padding: 0.65rem 1.35rem;
	border: 2px solid currentColor;
	border-radius: 4px;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}

.pirates-access__play-link:hover,
.pirates-access__play-link:focus {
	background: rgba( 128, 128, 128, 0.2 );
}