@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500;700;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#e0e8ff;font-family:Red Hat Display,sans-serif;font-size:1rem}ul{list-style-type:none}a{text-decoration:none}.wrapper{background:url(pattern-background-mobile.4071dd90.svg);background-repeat:no-repeat;background-size:contain;display:grid;height:100vh;padding:50px 0;place-items:center}@media (min-width:50em){.wrapper{background:url(pattern-background-desktop.f37d2923.svg);background-position-y:-50px;background-repeat:no-repeat;background-size:contain}}.container{background-color:#fff;border-radius:20px;box-shadow:0 32px 14px -21px rgba(33,35,38,.2);display:flex;flex-direction:column;max-width:440px;min-width:320px;width:50%}.container .div1{background-image:url(illustration-hero.d676091d.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px 20px 0 0;height:160px}@media (min-width:50em){.container .div1{height:220px}}.container .div2{padding:2rem 1rem 0;text-align:center}@media (min-width:50em){.container .div2{display:flex;flex-direction:column;gap:1rem;padding:2rem 3rem 0;text-align:center}}.container .div2 h3{color:#1f2f56;font-size:1.25rem;font-weight:900}.container .div2 p{color:#7280a7;line-height:1.5;margin:1rem .5rem}@media (min-width:50em){.container .div2 p{margin:unset}}.container .div2 .plan__container{align-items:center;background-color:#f5f7ff;border-radius:12px;display:flex;height:80px;justify-content:space-between;padding:1rem}.container .div2 .plan__container .plan{align-items:center;display:flex;gap:1rem}.container .div2 .plan__container .plan__type p{margin:0}.container .div2 .plan__container .plan__type .type{color:#1f2f56;font-weight:700}.container .div2 .plan__container .plan__type .amount{font-size:1rem}.container .div2 .plan__container .plan__change{font-weight:700;text-decoration:underline}.container .div2 .plan__container .plan__change:hover{text-decoration:none}.container .div2 .btn__container{display:flex;flex-direction:column;gap:10px;padding:1rem 0}.container .div2 .btn__container .btn{background-color:#3829e0;border:none;border-radius:12px;box-shadow:0 19px 42px -16px #3829e0;color:#f5f7ff;cursor:pointer;font-size:1rem;font-weight:700;height:3rem;letter-spacing:1px;width:100%}.container .div2 .btn__container .btn:hover{background-color:#766cf1}.container .div2 .btn__container .btn__cancel{background-color:unset;box-shadow:none;color:#7280a7}.container .div2 .btn__container .btn__cancel:hover{background-color:unset;box-shadow:none;color:#1f2f56}
/*# sourceMappingURL=index.d550d351.css.map */