shortlist-button{display:block;border:1px solid var(--color-border);padding:calc(var(--gap) * 2);text-align:center;cursor:pointer;background:var(--color-button-primary-background);color:var(--color-button-primary-text);transition:background ease-in .3s;position:relative;height:calc(var(--font-base-size) * 3.5);overflow:hidden}shortlist-button:hover{background:var(--color-button-primary-background-hover);color:var(--color-button-primary-text-hover)}shortlist-button span{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;justify-content:center;align-items:center;transition:opacity ease-out .3s,transform ease-out .35s;pointer-events:none}shortlist-button span.label-add-to-shortlist{opacity:1;transform:translate(0)}shortlist-button span.label-remove-from-shortlist{opacity:0;transform:translate(35%)}shortlist-button[data-shortlisted]{background:var(--color-button-secondary-background);color:var(--color-button-secondary-text)}shortlist-button[data-shortlisted] span.label-add-to-shortlist{opacity:0;transform:translate(-35%)}shortlist-button[data-shortlisted] span.label-remove-from-shortlist{opacity:1;transform:translate(0)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/xtra__shortlist.css.map */