#gateio-volume-widget {
	font-family: Arial, sans-serif;
	max-width: 575px;
	margin: auto;
	padding: 20px;
	margin-top: 10px;
	*/background-color: #fff;*/
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
#gateio-volume-widget h2 {
	color: #333;
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 10px;
}
#gateio-volume-widget .info {
	font-size: 0.8em;
	color: #666;
	text-align: center;
}
#gateio-volume-widget .volume-display div,#gateio-volume-widget .bucket div {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin: 10px 0;
	border-radius: 5px;
}
#gateio-volume-widget .buy {
	color: #fff;
	background-color: #4CAF50;
}
#gateio-volume-widget .sell {
	color: #fff;
	background-color: #f44336;
}
#gateio-volume-widget .time-buckets {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-top: 20px;
}
#gateio-volume-widget .bucket div {
	border: 1px solid #ddd;
	padding: 10px;
	border-radius: 8px;
	/*background-color: #fafafa;*/
}
#gateio-volume-widget .bucket h3 {
	margin-top: 0;
	font-size: 1.1em;
	text-align: center;
}
#gateio-volume-widget hr {
	border: 0;
	border-top: 1px solid #eee;
	margin: 20px 0;
}