.button {
	background: var(--standard);
	padding: 4px 10px;
	border-radius: 5px;
	border: none;
	color: var(--secondary);

	@media screen and (--phone), screen and (--tablet) {
		& {
			background: var(--secondary);
			color: var(--standard);
		}
	}
}

.button-reverse {
	composes: button;
	background: var(--secondary);
	color: var(--standard);

	@media screen and (--phone), screen and (--tablet) {
		& {
			background: var(--standard);
			color: var(--secondary);
		}
	}
}