:root{box-sizing:border-box;--pale-blue: hsl(225, 100%, 94%);--bright-blue: hsl(245, 75%, 52%);--very-pale-blue: hsl(225, 100%, 98%);--desaturated-blue: hsl(224, 23%, 55%);--dark-blue: hsl(223, 47%, 23%);--white: hsl(0, 0%, 100%);--border-radius: 1.2rem}*,*:before,*:after{padding:0;margin:0;box-sizing:inherit}body{font-family:"Red Hat Display",sans-serif;font-weight:500}.container{background-color:var(--pale-blue);background-repeat:no-repeat;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.order-summary{width:85%;max-width:350px;background-color:var(--white);border-radius:var(--border-radius);box-shadow:0 20px 23px #0000001a}.order-summary__hero{border-radius:var(--border-radius) var(--border-radius) 0 0}.order-summary__hero>img{width:100%;border-radius:inherit}.order-summary__content{padding:1.6em 1.2em;display:flex;flex-direction:column;align-items:center}.order-summary__content>*+*{margin-top:1.6rem}.order-summary__title{font-size:1.4rem;font-weight:900;color:var(--dark-blue);text-align:center;margin-bottom:-.3em}.order-summary__description{color:var(--desaturated-blue);text-align:center;line-height:1.7em;padding:0 1em}.order-summary__info{width:100%;padding:1em;border-radius:.8em;display:flex;align-items:center;background-color:var(--very-pale-blue)}.order-summary__info :last-child{margin-left:auto}.order-summary__plan{padding:0 1.2em}.order-summary__plan>h2{font-size:.8rem;font-weight:700;color:var(--dark-blue)}.order-summary__plan>span{font-size:.8rem;letter-spacing:.5px;color:var(--desaturated-blue)}.btn{display:block;text-decoration:none;font-weight:700;font-size:.8rem;transition:all .4s}.btn--filled{background-color:var(--bright-blue);color:var(--white);text-align:center;width:100%;padding:1.2em 0;border-radius:.8em;box-shadow:0 13px 14px #0000003d}.btn--filled:hover{opacity:.8;transform:translateY(-3px)}.btn--filled:active{transform:translateY(-1px);opacity:1;box-shadow:0 10px 12px #0000003d}.btn--flat{color:var(--desaturated-blue)}.btn--flat:hover{color:var(--dark-blue)}.btn--underlined{color:var(--bright-blue);text-decoration:underline}.btn--underlined:hover{color:var(--desaturated-blue);text-decoration:none}.attribution{color:var(--dark-blue);font-size:11px;text-align:center;margin-top:1em}.attribution a{color:#3e52a3}@media screen and (max-width: 1440px){.container{background-image:url(/assets/pattern-background-desktop.756ba250.svg)}.order-summary__content{max-width:95%;margin:0 auto}}@media screen and (max-width: 375px){.container{background-image:url(/assets/pattern-background-mobile.4bd958fe.svg)}.order-summary__content{max-width:100%;margin:0 auto}}