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