#e8e8e8
1.card-container { 2 width: 330px; 3 background-color: #fff; 4 border: 1px solid #ccc; 5 border-radius: 5px; 6 box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); 7} 8 9.card-header { 10 background-color: #333; 11 color: #fff; 12 padding: 10px; 13 font-size: 20px; 14 border-top-left-radius: 5px; 15 border-top-right-radius: 5px; 16} 17 18.card-body { 19 padding: 10px; 20} 21 22.card-footer { 23 display: flex; 24 justify-content: space-between; 25 padding: 10px; 26} 27 28.mute-button, .unmute-button { 29 background-color: #333; 30 color: white; 31 padding: 12px 20px; 32 border: none; 33 cursor: pointer; 34 width: 100%; 35} 36 37.mute-button:hover, .unmute-button:hover { 38 background-color: rgb(247, 247, 247); 39 color: rgb(0, 0, 0); 40} 41
2.3K views
2.3K views
Comments
MIT License