Vorlage:Widget/ClubStatus/styles.css

#widget-clubstatus {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.widget-clubstatus__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.widget-clubstatus {
	display: flex;
	align-items: center;
}

.widget-clubstatus__name {
	font-size: 1.2rem;
	font-weight: 600;
}

.widget-clubstatus__type {
	padding: 0.1rem 0.6rem;
	margin-left: 0.4rem;
	background: var( --color-surface-3 );
	border-radius: 100px;
	font-size: 0.8125rem;
	font-weight: 500;
	text-transform: uppercase;
}

.widget-clubstatus__type--opened {
	background: var( --background-color-success );
	color: var( --color-text-success );
}

.widget-clubstatus__type--closed {
	background: var( --background-color-destructive );
	color: var( --color-text-error );
}