.card{box-sizing:border-box}.card .text-area{padding:0 .5rem;text-align:center}.card .text-area .desc{color:#374151;overflow:hidden;text-overflow:ellipsis}.card .text-area .desc,.card .text-area .link{box-sizing:border-box;font-size:14px;padding:.125rem 0}.card .text-area .link{color:#6b7280}@media (max-width:599px){.card{background-image:linear-gradient(180deg,#e5e7eb,#e5e7eb,#9ca3af);border:1px solid #f3f4f6;border-radius:.25rem;height:4rem;min-width:-moz-min-content;min-width:min-content;width:40vw}.card .inner{display:flex;flex-direction:row;height:100%}.card .icon-area{display:flex;height:100%;width:5rem}.card .icon-area .icon{height:2.5rem;margin:auto;padding:.5rem 0}.card .text-area{flex-grow:1;padding:0 .5rem}.card .text-area .desc{height:1.5rem;margin:0 auto;max-width:6rem}.card .text-area .link{height:1.5rem}.card .text-area{padding:.5rem}}@media (min-width:600px) and (max-width:899px){.card{background-image:linear-gradient(180deg,#e5e7eb,#e5e7eb,#9ca3af);border:1px solid #f3f4f6;border-radius:.25rem;height:5rem;min-width:-moz-min-content;min-width:min-content;width:30vw}.card .inner{display:flex;flex-direction:row;height:100%}.card .icon-area{display:flex;height:100%;width:5rem}.card .icon-area .icon{height:2.5rem;margin:auto;padding:.5rem 0}.card .text-area{flex-grow:1;padding:0 .5rem}.card .text-area .desc{height:1.5rem;margin:0 auto;max-width:6rem}.card .text-area .link{height:1.5rem}.card .text-area{padding:1rem .5rem}}@media (min-width:900px){.card{aspect-ratio:4/5;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:.25rem;width:8rem}.card,.card .inner{border-radius:.25rem}.card .inner{background-image:linear-gradient(to bottom left,#d1d5db,#f9fafb);height:100%}.card .inner:hover{box-shadow:inset 0 10px 15px -3px #0000001a,inset 0 4px 6px -4px #0000001a}.card .icon-area{display:flex;padding:0 .5rem}.card .icon-area .icon{height:3rem;margin:0 auto;padding:1rem 0;width:100%}.card .text-area .desc{height:3rem}.card .text-area .link{height:1.5rem}}