button {
	padding: 10px 20px;
	font-size: 18px;
	font-family: "JetBrains Mono", monospace;
	border-radius: 10px;
	border: none;
	width: fit-content;
	transition: background-color 0.3s ease, outline 0.3s ease;
	text-wrap: nowrap;
	cursor: pointer;
}
button.index {
	background: #BDDEB7;
	color: #545353;
}
button.index:hover {
	background: #dbffcc;
}
button.index:active {
	outline: 2px solid #A0FF7D;
}
button.def {
	font-size: 14px;
	background: #bddeb7;
	color: #545353;
	padding: 8px 24px;
}
button.def:hover {
	background: #dbffcc;
}
button.def:active {
	outline: 2px solid #A0FF7D;
}
button.icon {
	padding: 0 10px;
    display: flex;
    align-items: center;
}
button.icon img {
	width: 32px;
}
button.sub {
	background: #dadada;
}
button.sub:hover {
	background: #e8e8e8;
}