@layer components {
	.alert-bar{
		background-color: hsl(var(--clr-brown));
		margin-top: calc(var(--space-2xs) * -1);
		color: white;
		padding-block: var(--space-xs);
		margin-bottom: var(--space-2xs);
		transition: height .3s, padding .3s, margin 5s;
		overflow: hidden;
	}

	.alert-bar-content{
		display: flex;
		justify-content: space-between;
	}
	
	.alert-bar-content a{
	    color: white;
	}

	.alert-bar-content button{
		font-family: FontAwesome;
		background: none;
		color: inherit;
	}
}