.card{background:#fff;border-radius:16px;flex-direction:column;align-items:center;width:224px;display:flex;overflow:hidden;box-shadow:0 4px 24px #0000001f}.card__img{width:100%;height:120px;position:relative;overflow:hidden}.card__img svg{width:100%;height:100%;display:block}.card__avatar{z-index:1;border:4px solid #fff;border-radius:50%;width:80px;height:80px;margin-top:-40px;position:relative;overflow:hidden}.card__avatar svg{width:100%;height:100%}.card__title{color:#1a1a1a;text-align:center;margin-top:12px;padding:0 16px;font-size:1rem;font-weight:700}.card__subtitle{color:#999;text-align:center;margin-top:4px;margin-bottom:16px;font-size:.875rem}.card__wrapper{gap:8px;padding:0 16px 20px;display:flex}.card__btn{letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:#1a1a1a;background:0 0;border:2px solid #1a1a1a;border-radius:6px;flex:1;padding:8px 12px;font-size:.75rem;font-weight:700;transition:background .15s,color .15s}.card__btn:hover,.card__btn-solid{color:#fff;background:#1a1a1a}.card__btn-solid:hover{background:#333}
.card{--main-color:#000;--submain-color:#78858f;--bg-color:#fff;background:var(--bg-color);border-radius:20px;flex-direction:column;align-items:center;width:300px;height:384px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;position:relative}.card__img{width:100%;height:192px}.card__img svg{border-radius:20px 20px 0 0;height:100%}.card__avatar{background:var(--bg-color);border-radius:100%;justify-content:center;align-items:center;width:114px;height:114px;display:flex;position:absolute;top:calc(50% - 57px)}.card__avatar svg{width:100px;height:100px}.card__title{color:var(--main-color);margin-top:60px;font-size:18px;font-weight:500}.card__subtitle{color:var(--submain-color);margin-top:10px;font-size:15px;font-weight:400}.card__btn{border:2px solid var(--main-color);width:76px;height:31px;color:var(--main-color);background:var(--bg-color);text-transform:uppercase;border-radius:4px;margin-top:15px;font-size:11px;font-weight:700;transition:all .3s}.card__btn-solid,.card__btn:hover{background:var(--main-color);color:var(--bg-color)}.card__btn-solid:hover{background:var(--bg-color);color:var(--main-color)}