.card{background-color:#fff;border:2px solid #fff;border-radius:16px;display:block;position:relative}@media(min-width:220px)and (max-width:768px){.card{border:none}}.card--bg-primary-lightest{background:var(--primary-lightest);border:2px solid var(--primary-lightest)}.card--bg-gradient{background:radial-gradient(182.46% 182.46% at 21% 79%,#fff 6.77%,#faf0ff)}.card--shadow{box-shadow:0 4px 8px #867e740a,0 0 4px #867e741f}.card--outline{outline:1px solid #f3eee8}.card--clickable{box-shadow:0 4px 8px #867e740a,0 0 4px #867e741f;cursor:pointer;transition:box-shadow .3s ease-out}.card--clickable:hover{box-shadow:0 0 24px #867e741f,0 16px 28px #867e741f}.card__content{padding:1.6rem}@media(min-width:220px)and (max-width:768px){.card__content{padding:.8rem}}.card__content--padding7{padding:2.4rem}.card__content--no-padding{padding:0}.card__footer{color:var(--primary);cursor:pointer;font-weight:500;margin:1.6rem;position:relative}.card__footer--padding7{margin:2.4rem}.card__footer:before{border:.5px solid #fbf9f7;content:"";position:absolute;top:-1.4rem;width:100%}