Template:Donate platform/style.css

.donate-logo-container{
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	gap:15px;
}

.donate-logo-button{
	width:140px;
	height:140px;
	border:1px black solid;
	border-radius:8px;
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	justify-content:flex-end;
}

.donate-logo-button:hover{
	
}

.donate-logo-img-link{
	width:inherit;
	height:inherit;
	position:absolute;
	z-index:0;
	overflow:hidden;
	object-fit:contain;
	opacity:0;
}

.donate-logo-image{
	width:30px;
	height:30px;
}

.donate-logo-image img{
	width:30px;
	height:30px;
	object-fit:contain;
	z-index:1;
	transform:scale(1);
}

.donate-logo-image img:hover{
	transform:scale(1.2);
}

.donate-logo-text{
	text-align:center;
	z-index:1;
	overflow:scroll;
	overflow-wrap:anywhere;
}

.donate-logo-subtitle{
	color:gray;
	font-size:0.7em;
}

/* temp code for sandbox use */
.donate-logo-image img{
	filter:grayscale(0);
}