.button{cursor:pointer;color:#18181b;background-color:#e4e4e7;border:1px solid #0000;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:1rem;font-weight:600;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.button:hover{background-color:#d4d4d8;box-shadow:1px 2px 18px 3px #0000000d}.button:active{background-color:#a1a1aa}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{color:#fafafa;background-color:#008fc5}.button--primary:hover{background-color:#2c8cb3}.button--primary:active{background-color:#3ebcee}.button--secondary{color:#18181b;background-color:#fff;border-color:#d4d4d8}.button--secondary:hover{background-color:#fafafa}.button--secondary:active{background-color:#e4e4e7}
.card{background-color:#fff;border:1px solid #0000;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex;box-shadow:8px 8px 25px 12px #00000013}.card--clickable{cursor:pointer;text-decoration:none;transition:box-shadow .15s}.card--clickable:hover{box-shadow:8px 8px 30px 15px #0000001a}.card__title{color:#18181b;margin:0;font-size:1.125rem;font-weight:600}.card__body{color:#52525b;margin:0;font-size:.9375rem}.card__footer{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}