.notice{
	display: flex;
	gap: 24px 16px;
	padding: 24px;
	background: #fff;
	font-size: 16px;
	color: var(--wp--preset--color--primary-950);

	@media (max-width: 991px){
		display: grid;
		grid-template-columns: auto 1fr;
	}

	@media (max-width: 575px){
		padding: 16px;
		gap: 16px 8px;
	}

	&::before{
		content: url(../../images/info.svg);
	}

	.button-wrapper{
		align-self: flex-end;
		grid-column: 2/3;
	}

	.button{
		white-space: nowrap;
		margin-left: 28px;
		padding: 8px 16px;
		background: var(--wp--preset--color--gray-50);
		border: 0;
		font-size: 16px;
		color: var(--wp--preset--color--primary-950);
		text-decoration: none;

		@media (max-width: 991px){
			margin: 0;
		}
	}
}