@layer components{.button{border:1px solid var(--color-text);height:2.0625rem;padding-inline:1.0625rem;display:inline-flex;justify-content:center;align-items:center;gap:.75rem;transition:color ease-out var(--duration-default),background-color ease-out var(--duration-default);text-box-trim:trim-both;text-box-edge:cap alphabetic;font-family:var(--font-playfair-display);font-size:.875rem;font-style:normal;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:none}.button:hover{background-color:var(--color-text);color:var(--color-background)}.button--simple{border:1px solid var(--color-text);padding:.625rem .875rem .5rem;display:flex;justify-content:center;align-items:center;gap:.625rem;transition:color ease-out var(--duration-default),background-color ease-out var(--duration-default)}.button--simple:hover{background-color:var(--color-text);color:var(--color-background)}.button--full,.button.full{width:100%}.button--primary{background-color:var(--color-text);color:var(--color-background)}.button--primary:hover{background-color:var(--color-background);color:var(--color-text)}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/components--vivienne-sabo-paris.css.map */