.wp-block-spruce-architecture-button{align-items:center;background:var(--wp--preset--color--dark-grey-blue-90);border-radius:100px;box-shadow:inset 0 0 0 1px var(--wp--preset--color--white-15);color:var(--wp--preset--color--white);display:flex;justify-content:center;line-height:var(--line-height-tiny);overflow:hidden;padding:clamp(13px,16.8438px - .1484vw,15.4px) 1.4em;position:relative;text-decoration:none;transition:box-shadow .25s;width:-moz-fit-content;width:fit-content}.wp-block-spruce-architecture-button:active,.wp-block-spruce-architecture-button:hover{box-shadow:inset 0 0 0 1px var(--wp--preset--color--white-25)}.wp-block-spruce-architecture-button:active .wp-block-spruce-architecture-button__icon,.wp-block-spruce-architecture-button:hover .wp-block-spruce-architecture-button__icon{background-color:var(--wp--preset--color--spruce-green)}@media(max-width:499px){.wp-block-spruce-architecture-button.hide-on-mobile{display:none}}.wp-block-spruce-architecture-button.has-right-arrow-icon{padding:clamp(13px,16.8438px - .1484vw,15.4px) 1.4em clamp(13px,16.8438px - .1484vw,15.4px) 56px}.wp-block-spruce-architecture-button.has-right-arrow-icon .wp-block-spruce-architecture-button__tab{transform:translateX(-100%)}.wp-block-spruce-architecture-button.has-right-arrow-icon .wp-block-spruce-architecture-button__icon{height:14px;-webkit-mask-image:var(--icon--arrow-right);mask-image:var(--icon--arrow-right);width:20px}.wp-block-spruce-architecture-button.has-right-arrow-icon:active .wp-block-spruce-architecture-button__tab,.wp-block-spruce-architecture-button.has-right-arrow-icon:hover .wp-block-spruce-architecture-button__tab{transform:translateX(0)}.wp-block-spruce-architecture-button.has-down-arrow-icon{padding:clamp(13px,16.8438px - .1484vw,15.4px) 1.4em clamp(13px,16.8438px - .1484vw,15.4px) 56px}.wp-block-spruce-architecture-button.has-down-arrow-icon .wp-block-spruce-architecture-button__tab{transform:translateY(-100%)}.wp-block-spruce-architecture-button.has-down-arrow-icon .wp-block-spruce-architecture-button__icon{height:20px;-webkit-mask-image:var(--icon--arrow-down);mask-image:var(--icon--arrow-down);width:14px}.wp-block-spruce-architecture-button.has-down-arrow-icon:active .wp-block-spruce-architecture-button__tab,.wp-block-spruce-architecture-button.has-down-arrow-icon:hover .wp-block-spruce-architecture-button__tab{transform:translateY(0)}.wp-block-spruce-architecture-button.has-play-icon{padding:clamp(13px,16.8438px - .1484vw,15.4px) 1.4em clamp(13px,16.8438px - .1484vw,15.4px) 56px}.wp-block-spruce-architecture-button.has-play-icon .wp-block-spruce-architecture-button__tab{transform:translateX(-100%)}.wp-block-spruce-architecture-button.has-play-icon .wp-block-spruce-architecture-button__icon{height:16px;margin-left:.15em;-webkit-mask-image:var(--icon--play);mask-image:var(--icon--play);width:14px}.wp-block-spruce-architecture-button.has-play-icon:active .wp-block-spruce-architecture-button__tab,.wp-block-spruce-architecture-button.has-play-icon:hover .wp-block-spruce-architecture-button__tab{transform:translateX(0)}.wp-block-spruce-architecture-button__base{align-items:center;background-color:var(--wp--preset--color--spruce-green);border-radius:50%;display:flex;height:38px;justify-content:center;left:6px;overflow:hidden;position:absolute;transition:transform .25s;width:38px}.wp-block-spruce-architecture-button__tab{background-color:var(--wp--preset--color--white);border-radius:50%;display:block;inset:0;position:absolute;transition:transform .25s}.wp-block-spruce-architecture-button__icon{background-color:var(--wp--preset--color--white);display:block;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background-color .25s}.wp-block-spruce-architecture-button__title{font-size:clamp(1rem,.9688rem + .156vw,1.125rem);position:relative}