:root{--sp-image-reveal-button-padding:var(--sp-button-padding);--sp-image-reveal-button-background-color:var(--sp-color-primary);--sp-image-reveal-button-overlay-color:var(--sp-color-primary-hover);--sp-image-reveal-button-peek-size:var(--sp-content-spacing);--sp-image-reveal-button-font-color:var(--sp-button-font-color);--sp-image-reveal-button-font-family:var(--sp-button-font-family);--sp-image-reveal-button-font-size:var(--sp-button-font-size);--sp-image-reveal-button-font-weight:var(--sp-button-font-weight);--sp-image-reveal-button-font-style:var(--sp-button-font-style);--sp-image-reveal-button-text-decoration:var(--sp-button-text-decoration);--sp-image-reveal-button-text-transform:var(--sp-button-text-transform);--sp-image-reveal-button-letter-spacing:var(--sp-button-letter-spacing)}@property --sp-image-reveal-button-mask-position{syntax:"<length-percentage>";initial-value:0;inherits:false}.symetric-reveal-button{background-color:var(--sp-image-reveal-button-background-color);color:var(--sp-image-reveal-button-font-color);display:grid;font-family:var(--sp-image-reveal-button-font-family);font-size:var(--sp-image-reveal-button-font-size);font-style:var(--sp-image-reveal-button-font-style);font-weight:var(--sp-image-reveal-button-font-weight);letter-spacing:var(--sp-image-reveal-button-letter-spacing);text-decoration:var(--sp-image-reveal-button-text-decoration);text-transform:var(--sp-image-reveal-button-text-transform);&:focus,&:hover{color:var(--sp-image-reveal-button-font-color);font-family:var(--sp-image-reveal-button-font-family);font-size:var(--sp-image-reveal-button-font-size);font-style:var(--sp-image-reveal-button-font-style);font-weight:var(--sp-image-reveal-button-font-weight);letter-spacing:var(--sp-image-reveal-button-letter-spacing);text-decoration:var(--sp-image-reveal-button-text-decoration);text-transform:var(--sp-image-reveal-button-text-transform);.symetric-reveal-button-overlay{--sp-image-reveal-button-mask-position:100%}}>*{grid-column:1;grid-row:1}.symetric-reveal-button-image{align-items:center;display:flex;justify-content:center;padding:var(--sp-image-reveal-button-padding);text-align:center;img{height:auto;max-width:100%}}.symetric-reveal-button-overlay{--sp-image-reveal-button-mask-position:var(--sp-image-reveal-button-peek-size);align-items:center;background-color:var(--sp-image-reveal-button-overlay-color);display:flex;justify-content:center;mask-image:linear-gradient(-45deg,#000 var(--sp-image-reveal-button-mask-position),transparent var(--sp-image-reveal-button-mask-position));padding:var(--sp-image-reveal-button-padding);text-align:center;transition:var(--sp-transition-speed-slow) --sp-image-reveal-button-mask-position ease-out}}