/* for buttons */

.swai-button {
	background-color:#5D24E0;
	color:white;
	border:2px solid black;
	border-radius:24px;
	padding:4px 8px;
	margin:1px;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	line-height: clamp(max(12px,1.2rem), 1.6vw, max(28px,3.2rem));
	font-size:   clamp(max(10px,1rem), 1.5vw, max(24px,3rem));	
	font-weight:bold; 	
	text-align: center;
	font-family:Verdana, Tahoma, Arial, Helvetica, SanSerif;
}
.swai-footnote {
	line-height: clamp(max(12px,1.2rem), 1.2vw, max(24px,2.4rem));
	font-size:   clamp(max(10px,1rem), 1.0vw, max(20px,2.0rem));	
}

.swai-big-button {
	background-color:#5D24E0; 
	color:white;
	border:2px solid black;
	border-radius:24px;
	padding:4px 12px;
	margin:1px;
	text-decoration:none;
	display:inline-block; 
	cursor:pointer;	
	line-height: clamp(max(20px,1.5rem), 3.0vw, max(40px,2.0rem));
	font-size:   clamp(max(14px,1rem), 2.0vw, max(30px,1.5rem));	
	font-weight:bold; 	
	text-align: center;
	font-family:Verdana, Tahoma, Arial, Helvetica, SanSerif;
}

.swai-vol1-button {
	background-color:#131238;  /* near-black for vol. 1 background */
	color:white;
	border:2px solid black;
	border-radius:24px;
	padding:4px 12px;
	margin:1px;
	text-decoration:none;
	display:inline-block; 
	cursor:pointer;	
	line-height: clamp(max(20px,1.5rem), 3.0vw, max(40px,2.0rem));
	font-size:   clamp(max(14px,1rem), 2.0vw, max(30px,1.5rem));	
	font-weight:bold; 	
	text-align: center;
	font-family:Verdana, Tahoma, Arial, Helvetica, SanSerif;
}
.swai-vol1-small-button {
	background-color:#131238;  /* near-black for vol. 1 background */
	color:white;
	border:2px solid black;
	border-radius:24px;
	padding:4px 8px;
	margin:1px;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	line-height: clamp(max(12px,1.2rem), 1.6vw, max(28px,3.2rem));
	font-size:   clamp(max(10px,1rem), 1.5vw, max(24px,3rem));	
	font-weight:bold; 	
	text-align: center;
	font-family:Verdana, Tahoma, Arial, Helvetica, SanSerif;
}


.swai-vol2-button {
	background-color:#403A8A;  /* #251E72 dark blue for vol. 2 background */
	color:white;
	border:2px solid black;
	border-radius:24px;
	padding:4px 12px;
	margin:1px;
	text-decoration:none;
	display:inline-block; 
	cursor:pointer;	
	line-height: clamp(max(20px,1.5rem), 3.0vw, max(40px,2.0rem));
	font-size:   clamp(max(14px,1rem), 2.0vw, max(30px,1.5rem));	
	font-weight:bold; 	
	text-align: center;
	font-family:Verdana, Tahoma, Arial, Helvetica, SanSerif;
}
.swai-vol2-small-button {
	background-color:#403A8A;  /* #251E72 dark blue for vol. 2 background */
	color:white;
	border:2px solid black;
	border-radius:24px;
	padding:4px 8px;
	margin:1px;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	line-height: clamp(max(12px,1.2rem), 1.6vw, max(28px,3.2rem));
	font-size:   clamp(max(10px,1rem), 1.5vw, max(24px,3rem));	
	font-weight:bold; 	
	text-align: center;
	font-family:Verdana, Tahoma, Arial, Helvetica, SanSerif;
}


.swai-vol3-button {
	background-color:#49286B;  /* #39185B dark purple for vol. 3 background */
	color:white;
	border:2px solid black;
	border-radius:24px;
	padding:4px 12px;
	margin:1px;
	text-decoration:none;
	display:inline-block; 
	cursor:pointer;	
	line-height: clamp(max(20px,1.5rem), 3.0vw, max(40px,2.0rem));
	font-size:   clamp(max(14px,1rem), 2.0vw, max(30px,1.5rem));	
	font-weight:bold; 	
	text-align: center;
	font-family:Verdana, Tahoma, Arial, Helvetica, SanSerif;
}
.swai-vol3-small-button {
	background-color:#440D6C;  /* dark purple for vol. 3 background */
	color:white;
	border:2px solid black;
	border-radius:24px;
	padding:4px 8px;
	margin:1px;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	line-height: clamp(max(12px,1.2rem), 1.6vw, max(28px,3.2rem));
	font-size:   clamp(max(10px,1rem), 1.5vw, max(24px,3rem));	
	font-weight:bold; 	
	text-align: center;
	font-family:Verdana, Tahoma, Arial, Helvetica, SanSerif;
}

.swai-vol4-button {
	background-color:#680554;  /* dark magenta for vol. 4 background */
	color:white;
	border:2px solid black;
	border-radius:24px;
	padding:4px 12px;
	margin:1px;
	text-decoration:none;
	display:inline-block; 
	cursor:pointer;	
	line-height: clamp(max(20px,1.5rem), 3.0vw, max(40px,2.0rem));
	font-size:   clamp(max(14px,1rem), 2.0vw, max(30px,1.5rem));	
	font-weight:bold; 	
	text-align: center;
	font-family:Verdana, Tahoma, Arial, Helvetica, SanSerif;
}
.swai-vol4-small-button {
	background-color:#680554;  /* dark magenta for vol. 4 background */
	color:white;
	border:2px solid black;
	border-radius:24px;
	padding:4px 8px;
	margin:1px;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	line-height: clamp(max(12px,1.2rem), 1.6vw, max(28px,3.2rem));
	font-size:   clamp(max(10px,1rem), 1.5vw, max(24px,3rem));	
	font-weight:bold; 	
	text-align: center;
	font-family:Verdana, Tahoma, Arial, Helvetica, SanSerif;
}