#212121
1.card { 2 width: 190px; 3 height: 254px; 4 background-image: linear-gradient(144deg,#8608b4, #492fed 60%,#bd6fda); 5 border: none; 6 border-radius: 10px; 7 padding-top: 10px; 8 position: relative; 9 margin: auto; 10 font-family: inherit; 11} 12 13.card span { 14 font-weight: 600; 15 color: white; 16 text-align: center; 17 display: block; 18 padding-top: 10px; 19 font-size: 1.3em; 20} 21 22.card .job { 23 font-weight: 400; 24 color: white; 25 display: block; 26 text-align: center; 27 padding-top: 5px; 28 font-size: 1em; 29} 30 31.card .img { 32 width: 70px; 33 height: 70px; 34 background: #e8e8e8; 35 border-radius: 100%; 36 margin: auto; 37 margin-top: 20px; 38} 39 40.card button { 41 padding: 8px 25px; 42 display: block; 43 margin: auto; 44 border-radius: 8px; 45 border: none; 46 margin-top: 30px; 47 background: #e8e8e8; 48 color: #111111; 49 font-weight: 600; 50} 51 52.card button:hover { 53 background: #212121; 54 color: #ffffff; 55}
Comments
MIT License