form:has(:invalid) .button.validation{pointer-events:none;background-color:#dcdfec}button.button{height:20rem;border-radius:19.5rem;background-color:var(--color-main-purple);color:#fff;font-size:7rem;font-weight:500;cursor:pointer;font-family:var(--font-poppins);border:none;position:relative}button.button.button-small{height:13.413rem;padding:2rem 8rem;font-size:6rem}button.button:hover{background-color:#452aea}button.button.button-loader{transition:padding-left .2s}button.button.button-loader.loading{padding-left:17rem}button.button.button-loader.loading .loader{opacity:1}button.button.button-outline{background-color:#fff;color:var(--color-main-purple);border:1px solid var(--color-main-purple)}button.button.button-outline:hover{border-color:#452aea;color:#452aea;background-color:#fff}button.button.button-outline:disabled{pointer-events:none;background-color:#fff;opacity:.75}button.button.button-text{background:none;outline:none;border:none;height:auto;color:inherit;font-size:inherit;padding:0;font-weight:400}button.button.button-text:hover{border:none}button.button.button-pending{color:#fb9000;background-color:#ffecd3;pointer-events:none}button.button.button-paid{color:#00c875;background-color:#ebf7ee;pointer-events:none}button.button.button-canceled{color:#fb0f00;background-color:#ffe7e7;pointer-events:none}button.button.with-click{pointer-events:auto}button.button .tooltip{color:var(--color-main-blackish);display:block;position:absolute;left:50%;max-width:120rem;min-width:100rem;bottom:125%;transform:translateX(-50%);background:#fff;padding:4rem 8rem;pointer-events:none;box-shadow:0 3px 22px 0 rgba(143,143,255,.2);font-size:6rem;font-weight:400;z-index:-1;opacity:0;transition:opacity .1s ease-in-out;border-radius:4px}button.button .tooltip:before{content:"";position:absolute;top:100%;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#fff}button.button:hover .tooltip{opacity:1;z-index:1}button.button:disabled{pointer-events:none;background-color:#dcdfec}