Vorlage:Widget/ClubStatus/styles.css

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

.widget-clubstatus__container {
	display: flex;
	align-self: center;
	margin-left: 1rem;
}

.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-color: rgb(63, 120, 76);
	color: rgb(255, 255, 255);
}

.widget-clubstatus__type--closed {
	background-color: rgb(84, 11, 14);
	color: rgb(255, 255, 255);
}