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