.personCard{--main-color:#000;--submain-color:#78858f;--bg-color:#fff;align-items:center;background:var(--bg-color);border-radius:20px;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:384px;position:relative;width:300px}.personCard__img{height:192px;width:100%}.personCard__img svg{border-radius:20px 20px 0 0;height:100%}.personCard__avatar{align-items:center;background:var(--bg-color);border-radius:100%;display:flex;height:114px;justify-content:center;position:absolute;top:calc(50% - 57px);width:114px}.personCard__avatar svg{height:100px;width:100px}.personCard__title{color:var(--main-color);font-size:18px;font-weight:500;margin-top:60px}.personCard__subtitle{color:var(--submain-color);font-size:15px;font-weight:400;margin-top:10px}.personCard__btn{background:var(--bg-color);border:2px solid var(--main-color);border-radius:4px;color:var(--main-color);font-size:11px;font-weight:700;height:31px;margin-top:15px;text-transform:uppercase;transition:all .3s;width:76px}.personCard__btn:not(:last-child){margin-right:5px}.personCard__btn-solid,.personCard__btn:hover{background:var(--main-color);color:var(--bg-color)}.personCard__btn-solid:hover{background:var(--bg-color);color:var(--main-color)}.salesCard{background-color:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:320px;padding:1rem}.salesCard .title{align-items:center;display:flex}.salesCard .title span{background-color:#10b981;border-radius:9999px;height:1.5rem;padding:.5rem;position:relative;width:1.5rem}.salesCard .title span svg{color:#fff;height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.salesCard .title-text{color:#374151;font-size:18px;margin-left:.5rem}.salesCard .percent{color:#02972f;display:flex;font-weight:600;margin-left:.5rem}.salesCard .data{display:flex;flex-direction:column;justify-content:flex-start}.salesCard .data p{color:#1f2937;font-size:2.25rem;font-weight:700;line-height:2.5rem;margin-bottom:1rem;margin-top:1rem;text-align:left}.salesCard .data .range{background-color:#e5e7eb;border-radius:.25rem;height:.5rem;position:relative;width:100%}.salesCard .data .range .fill{background-color:#10b981;border-radius:.25rem;height:100%;left:0;position:absolute;top:0;width:76%}.newsCard{background:#fff;border-radius:6px;padding:.4em;width:190px}.newsCard .card-image{background-color:#ececec;border-radius:6px 6px 0 0;height:130px;width:100%}.newsCard .card-image:hover{transform:scale(.98)}.newsCard .category{color:#3f79e6;font-size:.7em;font-weight:600;padding:10px 7px 0;text-transform:uppercase}.newsCard .category:hover{cursor:pointer}.newsCard .heading{color:#585757;font-weight:600;padding:7px}.newsCard .heading:hover{cursor:pointer}.newsCard .author{color:gray;font-size:11px;font-weight:400;padding-top:20px}.newsCard .name{font-weight:600}.newsCard .name:hover{cursor:pointer}