/* Button styling
 * All button styling now lives here.
 * DO NOT add type styling to the blocks as Gutenberg destroys it.
*/


:root {
	--border-radius: 3rem;
	--button-border-radius: 3rem;
	--grid-gap: 4rem;
}



a.toast-primary-button.alt { border-radius: 100rem; border: 1px solid #000; padding: 1rem 8rem 1rem 3rem; line-height: 1; background: transparent; color: #000; position: relative;  }
a.toast-primary-button.alt:after { content: ""; display: block; position: absolute; right: 1rem; top: 50%; transform: translatey(-50%); color: #fff;  height: 3rem; width: 3rem;    background-color: #000; 
	 -webkit-mask: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 595.28 595.28'%3E%3Cpath d='M297.48,14.83C141.43,14.83,14.48,141.78,14.48,297.82s126.95,283,283,283,283-126.95,283-283S453.53,14.83,297.48,14.83ZM297.48,560.61c-141.49,0-256.9-112.48-262.27-252.68h345.93l-116.94,116.94,14.29,14.29,141.38-141.38-141.38-141.39-14.29,14.29,117.02,117.03H35.21c5.37-140.2,120.78-252.68,262.27-252.68s262.78,117.88,262.78,262.78-117.89,262.78-262.78,262.78Z'/%3E%3C/svg%3E");
  mask: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 595.28 595.28'%3E%3Cpath d='M297.48,14.83C141.43,14.83,14.48,141.78,14.48,297.82s126.95,283,283,283,283-126.95,283-283S453.53,14.83,297.48,14.83ZM297.48,560.61c-141.49,0-256.9-112.48-262.27-252.68h345.93l-116.94,116.94,14.29,14.29,141.38-141.38-141.38-141.39-14.29,14.29,117.02,117.03H35.21c5.37-140.2,120.78-252.68,262.27-252.68s262.78,117.88,262.78,262.78-117.89,262.78-262.78,262.78Z'/%3E%3C/svg%3E");
	transition: rotate .5s;
}
a.toast-primary-button.alt:hover:after { transform: translatey(-50%) rotate(360deg); transition: transform .25s ease-in-out; }



a.toast-primary-button, a.toast-primary { border-radius: 100rem; border: 1px solid #fff; padding: 1rem 8rem 1rem 3rem; line-height: 1; background: transparent; color: #fff; position: relative;  }
a.toast-primary-button:after, a.toast-primary:after { content: ""; display: block; position: absolute; right: 1rem; top: 50%; transform: translatey(-50%); color: #fff;  height: 3rem; width: 3rem;    background-color: #fff; 
	 -webkit-mask: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 595.28 595.28'%3E%3Cpath d='M297.48,14.83C141.43,14.83,14.48,141.78,14.48,297.82s126.95,283,283,283,283-126.95,283-283S453.53,14.83,297.48,14.83ZM297.48,560.61c-141.49,0-256.9-112.48-262.27-252.68h345.93l-116.94,116.94,14.29,14.29,141.38-141.38-141.38-141.39-14.29,14.29,117.02,117.03H35.21c5.37-140.2,120.78-252.68,262.27-252.68s262.78,117.88,262.78,262.78-117.89,262.78-262.78,262.78Z'/%3E%3C/svg%3E");
  mask: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 595.28 595.28'%3E%3Cpath d='M297.48,14.83C141.43,14.83,14.48,141.78,14.48,297.82s126.95,283,283,283,283-126.95,283-283S453.53,14.83,297.48,14.83ZM297.48,560.61c-141.49,0-256.9-112.48-262.27-252.68h345.93l-116.94,116.94,14.29,14.29,141.38-141.38-141.38-141.39-14.29,14.29,117.02,117.03H35.21c5.37-140.2,120.78-252.68,262.27-252.68s262.78,117.88,262.78,262.78-117.89,262.78-262.78,262.78Z'/%3E%3C/svg%3E");
	transition: rotate .5s;
}
a.toast-primary-button:hover:after, a.toast-primary:hover:after { transform: translatey(-50%) rotate(360deg); transition: transform .25s ease-in-out; }
a.button { display: inline-block; }
  background-size: contain;
  background-repeat: no-repeat; }

/* Buttons blocks */
.button-block.bottom { position: absolute; bottom: 6rem; }
p + .button-block, img + .button-block { margin-top: 2rem; }


a.display-block {
	padding: 0.75rem 2rem;
	color: #ffffff;
	display: block; }