@layer components{.btn{align-items:center;background-color:var(--picus-color-transparent);border:var(--btn-border-width) solid var(--picus-color-transparent);border-radius:var(--btn-radius);cursor:pointer;display:inline-flex;font-family:var(--btn-font);font-size:var(--btn-size);font-weight:var(--btn-weight);gap:var(--btn-gap);justify-content:center;letter-spacing:var(--btn-letter-spacing);line-height:var(--btn-lh);min-block-size:var(--btn-height);padding-block:0;padding-inline:calc(var(--btn-padding-x) - var(--btn-border-width));text-decoration:none;text-transform:var(--btn-case);transition:background-color var(--btn-transition),color var(--btn-transition),border-color var(--btn-transition);white-space:nowrap}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.btn--primary{background-color:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-fg)}.btn--primary.is-hover,.btn--primary:hover{background-color:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);color:var(--btn-primary-fg-hover)}.btn--outline{background-color:var(--btn-outline-bg);border-color:var(--btn-outline-border);color:var(--btn-outline-fg)}.btn--outline.is-hover,.btn--outline:hover{background-color:var(--btn-outline-bg-hover);border-color:var(--btn-outline-border-hover);color:var(--btn-outline-fg-hover)}.btn--ghost{background-color:var(--btn-ghost-bg);color:var(--btn-ghost-fg)}.btn--ghost.is-hover,.btn--ghost:hover{background-color:var(--btn-ghost-bg-hover);color:var(--btn-ghost-fg-hover)}.btn--link{background:none;border:0;color:var(--btn-link-fg);padding-inline:0}.btn--link.is-hover,.btn--link:hover{color:var(--btn-link-fg-hover)}.btn--secondary-white{background-color:var(--picus-color-transparent);border-color:var(--btn-secondary-white-border);color:var(--btn-secondary-white-fg)}.btn--secondary-white.is-hover,.btn--secondary-white:hover{color:var(--btn-secondary-white-fg-hover)}.btn--tertiary-grey,.btn--tertiary-white{background:none;border:0;padding-inline:0}.btn--tertiary-grey{color:var(--btn-tertiary-grey-fg)}.btn--tertiary-grey.is-hover,.btn--tertiary-grey:hover{color:var(--btn-tertiary-grey-fg-hover)}.btn--tertiary-white{color:var(--btn-tertiary-white-fg)}.btn--tertiary-white.is-hover,.btn--tertiary-white:hover{color:var(--btn-tertiary-white-fg-hover)}.btn--sm{min-block-size:var(--btn-height-sm)}.btn--icon-only{block-size:var(--btn-icon-only-size);inline-size:var(--btn-icon-only-size);padding:0}.btn__icon{block-size:var(--btn-icon-size);display:inline-flex;flex:none;inline-size:var(--btn-icon-size)}.btn__icon svg{block-size:100%;inline-size:100%}.btn__icon--swap{position:relative}.btn__icon--swap svg{inset:0;position:absolute;transition:opacity var(--btn-transition)}.btn.is-hover .btn__icon--swap .btn__icon-default,.btn:hover .btn__icon--swap .btn__icon-default,.btn__icon--swap .btn__icon-hover{opacity:0}.btn.is-hover .btn__icon--swap .btn__icon-hover,.btn:hover .btn__icon--swap .btn__icon-hover{opacity:1}@media (prefers-reduced-motion:reduce){.btn,.btn__icon--swap svg{transition:none}}.button-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--button-group-gap)}}