.notice-bar {
	display: grid;
	grid-template-columns: 1fr auto; /* Message area flexes, button stays right */
	align-items: center;
	gap: 20px;
	padding: 10px 20px 10px 30px;
	background: #b0b57a;
	overflow: hidden;
}

.notice-bar.notice-level-2{
	background: #dee2b7;
}
.notice-bar.notice-level-3{
	background: #fdb832;
}


.notice-bar-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	align-items: center;
}

.notice-bar-message {
	display: inline-block;
	white-space: nowrap;
	position: relative;
	padding:0 40px 0 20px; /* 40px gap before looping */
	color: white;
	font-size: 22px;
}

.notice-bar.notice-level-2 .notice-bar-message{
	color: #111111;
}
.notice-bar.notice-level-3 .notice-bar-message{
	color: #111111;
}

.notice-bar.notice-level-3 .et_pb_button{
	color: #fff;
    background: #111;
}
.notice-bar.notice-level-3 .et_pb_button:hover{
	border-color: #fff !important;
}

/* Scrolling animation (adjusted in JS dynamically) */
@keyframes scrollText {
	from { transform: translateX(0); }
	to { transform: translateX(-100%); }
}

.notice-bar .et_pb_button {
	flex-shrink: 0; /* Keeps button from shrinking */
	border-color: #FFFFFF;
	padding-top: 10px !important;
	padding-right: 44px !important;
	padding-bottom: 10px !important;
	padding-left: 26px !important;
}

@media (max-width: 768px){
	.notice-bar {
		display: grid;
		grid-template-columns: 1fr; /* Message area flexes, button stays right */
		align-items: center;
		padding: 10px 0;
		gap: 10px;
	}
	.notice-bar .et_pb_button{
		margin: 0 20vw;
	}
}