.Button{--primary-background:#5252ae;--primary-border:1px solid #5252ae;--primary-color:#fff;--secondary-background:#c1c1db;--secondary-border:1px solid #a8a8d6;--secondary-color:#0d0d5e}:where(.Button){box-sizing:border-box;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;background-color:#fff;border:1px solid #333;border-radius:3px;align-items:center;padding:.5rem 1rem;font-family:inherit;font-size:1rem;line-height:1.5rem;text-decoration:none;transition:all .25s;display:inline-flex}:where(.Button:hover){box-shadow:0 12px 24px -6px #0000004d}:where(.Button--primary){background-color:var(--primary-background);border:var(--primary-border);color:var(--primary-color)}:where(.Button--secondary){background-color:var(--secondary-background);border:var(--secondary-border);color:var(--secondary-color)}:where(.Button__text){text-overflow:ellipsis;overflow:hidden}:where(.Button:disabled){cursor:not-allowed;color:#fff!important;background-color:#a9a9a9!important;border-color:#a9a9a9!important}:where(.Button--reverse){flex-direction:row-reverse}