<link rel="import" href="../polymer/polymer.html">
<dom-module id="d2l-button-shared-styles">
	<template>
		<style>
			:root {
				--d2l-button-spacing: 0.75rem;
			}
			.d2l-button-spacing {
				margin-right: var(--d2l-button-spacing);
			}
			[dir='rtl'] .d2l-button-spacing {
				margin-left: var(--d2l-button-spacing);
				margin-right: 0;
			}
		</style>
	</template>
</dom-module>

<link rel="import" href="../polymer/polymer.html">
<style is="custom-style">
	html {
		--d2l-button-spacing: 0.75rem;
	}
	.d2l-button-spacing {
		margin-right: var(--d2l-button-spacing);
	}
	[dir='rtl'] .d2l-button-spacing {
		margin-left: var(--d2l-button-spacing);
		margin-right: 0;
	}
</style>

Move button shared styles into custom-style.
Move button shared styles into custom-style.
