/**
 * Control de acceso.
 *
 * @package Groowleck
 */

.access-panel,
.premium-banner {
	display: grid;
	gap: var(--groowleck-space-4);
	margin-block: var(--groowleck-space-8);
	padding: var(--groowleck-space-6);
	border: 1px solid currentColor;
	border-radius: var(--groowleck-radius-lg);
}

.access-panel .button,
.premium-banner .button {
	justify-self: start;
}

.access-status {
	margin-block: var(--groowleck-space-4);
}

.access-panel--locked,
.access-panel--denied,
.access-panel--premium,
.access-panel--purchase {
	max-width: 48rem;
}