.plan{border-radius:16px;box-shadow:0 30px 30px -25px #0026ff34;padding:10px;background-color:#fff;color:#697e91;width:300px}.plan strong{font-weight:600;color:#425275}.plan .inner{align-items:center;padding:40px 20px 20px;background-color:#ecf0ff;border-radius:12px;position:relative}.plan .pricing{position:absolute;top:0;right:0;background-color:#bed6fb;border-radius:99em 0 0 99em;display:flex;align-items:center;padding:.625em .75em;font-size:1.25rem;font-weight:600;color:#425475}.plan .pricing small{color:#707a91;font-size:.75em;margin-left:.25em}.plan .title{font-weight:600;font-size:1.25rem;color:#425675}.plan .title+*{margin-top:.75rem}.plan .info+*{margin-top:1rem}.plan .features{display:flex;flex-direction:column}.plan .features li{display:flex;align-items:center;gap:.5rem}.plan .features li+*{margin-top:.75rem}.plan .features .icon{background-color:#1fcac5;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;width:20px;height:20px}.plan .features .icon svg{width:14px;height:14px}.plan .features+*{margin-top:1.25rem}.plan .action{width:100%;display:flex;align-items:center;justify-content:end}.plan .button{background-color:#6558d3;border-radius:6px;color:#fff;font-weight:500;font-size:1.125rem;text-align:center;border:0;outline:0;width:100%;text-decoration:none}.plan .button:hover,.plan .button:focus{background-color:#4133b7}.plan .button.disabled{background-color:#4d4d4f}.filter{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.192);cursor:pointer;box-shadow:0 10px 10px #00000005;transition:all .3s;z-index:10;background-color:#fff}.filter svg{height:16px;fill:#4d4d4d;transition:all .3s}.filter:hover{box-shadow:0 10px 10px #0000001c;background-color:#3b3b3b}.filter:hover svg{fill:#fff}
