@import '../mixins/button';

.button {
	@include button;

	--offset: 0.2rem;
	--padding: 0.8rem;
	--icon-size: 1.8rem;
	--radius: var(--container-radius); // todo : set this in a way that makes sense

	min-width: 6.4rem;
	height: 4rem;

	&.outlined,
	&.contained {
		--padding: 1.6rem;
	}

	.icon,
	svg {
		&:nth-child(1) {
			margin: 0 0.8rem 0 -0.4rem;
		}

		&:nth-child(-1) {
			margin: 0 -0.4rem 0 0.8rem;
		}
	}
}