1.voice-chat-card {
2  width: 300px;
3  margin: 20px auto;
4  border: 1px solid #ccc;
5  border-radius: 10px;
6  box-shadow: 2px 2px 10px #ccc;
7  padding: 10px;
8  background-color: #e8e8e8;
9}
10
11.voice-chat-card-header {
12  display: flex;
13  align-items: center;
14  margin-bottom: 10px;
15}
16
17.avatar {
18  width: 50px;
19  height: 50px;
20  border-radius: 50%;
21  margin-right: 10px;
22  color: black;
23  background-color: #333;
24}
25
26.username {
27  margin: 0;
28  font-size: 18px;
29  color: black;
30}
31
32.status {
33  width: 10px;
34  height: 10px;
35  border-radius: 50%;
36  background-color: green;
37  margin-left: 10px;
38}
39
40.voice-chat-card-body {
41  padding: 10px;
42}
43
44.status-text {
45  font-size: 14px;
46  margin-bottom: 10px;
47}
48
49.audio-container {
50  display: flex;
51  align-items: center;
52}
53
54audio {
55  width: 100%;
56}
57