@25sprout/react-starter/template-simple/src/components/ToggleButton/index.css

25sprout web starter with React

.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);
		}
	}
}