1.bs-total{
2 color: #555;
3 display: inline-block;
4 font-weight: 700;
5 line-height: 15px;
6 margin-right: 0;
7 max-width: 80px;
8 padding: 4px 8px;
9 text-align: center;
10}
11.bs-label{
12 font-size: 1rem;
13 line-height: 1rem;
14 display: block;
15 padding: 0;
16}
17.bs-shares{
18 font-size: 12px;
19 line-height: 12px;
20}
21
22
23.share-social-buttons-wrapper{
24 z-index: 10000;
25 display: flex;
26 flex-wrap: wrap;
27 width: 100%;
28 justify-content: center;
29 align-items: center;
30 }
31.bs-share-url-box{
32 display: inline;
33 padding: 5px 10px;
34 border: 0px solid;
35 border-radius: 10px;
36 margin: 10px;
37}
38.bs-share-url-box a{
39 text-decoration: none !important;
40}
41.bs-share-url-box-wrapper{
42 /* width: 100%; */
43 /* margin:10px; */
44 display: inline;
45}
46.bs-share-url-box-wrapper b {
47 font-family:courier,arial,helvetica;
48 display: inline;
49}
50.share-social-buttons-wrapper .bs-share-url-box input.bs-share-url-box-link{
51 display: inline;
52 border: none;
53 width: 13rem;
54 background: none;
55 padding: 0;
56}
57
58.bs-share-url-box .bs-copy-btn{
59 margin-left: 10px;
60 cursor: pointer;
61}
62
63.share-social-buttons-wrapper.bs-align-start{
64 justify-content: start;
65}
66.share-social-buttons-wrapper.bs-align-center{
67 justify-content: center;
68}
69.share-social-buttons-wrapper.bs-align-end{
70 justify-content: end;
71}
72.share-social-buttons-wrapper.bs-pos-fixed{
73 width: auto;
74 position: fixed;
75}
76.share-social-buttons-wrapper.bs-pos-fixed.bs-align-start{
77 left: 5px;
78}
79.share-social-buttons-wrapper.bs-pos-fixed.bs-align-center{
80 left: 50%;
81 transform: translateX(-50%);
82}
83.share-social-buttons-wrapper.bs-pos-fixed.bs-align-end{
84 right:5px;
85}
86.bs-f-top .share-social-buttons-wrapper.bs-pos-fixed{
87 top:5px;
88}
89.bs-f-bottom .share-social-buttons-wrapper.bs-pos-fixed{
90 bottom:5px;
91}
92
93
94.share-social-buttons-wrapper a{
95 text-decoration: none !important;
96}
97.share-social-buttons-wrapper p{
98 display: flex;
99}
100
101.fa.social {
102 box-sizing: content-box !important;
103 padding: 12px;
104 font-size: 13px;
105 width:13px;
106 text-align: center;
107 text-decoration: none;
108 margin: 5px 2px;
109 border-radius: 50%;
110 color:white;
111 }
112.fa.social.icon-square{
113 border-radius: 5%;
114}
115.fa.social.icon-circle{
116 border-radius: 50%;
117}
118.fa.social.md{
119 padding: 13.33px;
120 font-size: 20px;
121 width: 20px;
122}
123.fa.social.lg{
124 padding: 20px;
125 font-size: 30px;
126 width: 30px;
127}
128.fa:hover {
129 opacity: 0.8;
130}
131
132.fa-facebook {
133 background: #3B5998;
134 color: white;
135}
136
137.fa-twitter {
138 background: #55ACEE;
139 color: white;
140}
141
142.fa-google {
143 background: #dd4b39;
144 color: white;
145}
146
147.fa-linkedin {
148 background: #007bb5;
149 color: white;
150}
151
152.fa-youtube {
153 background: #bb0000;
154 color: white;
155}
156
157.fa-instagram {
158 background: #125688;
159 color: white;
160}
161.fa-whatsapp {
162 background: #4FCE5D;
163 color: white;
164}
165
166.fa-facebook-messenger{
167 background: #0078ff;
168 color:white;
169}
170
171.fa-telegram{
172 background:#0088CC;
173 color:white;
174}
175
176.fa-pinterest {
177 background: #cb2027;
178 color: white;
179}
180
181.fa-snapchat-ghost {
182 background: #fffc00;
183 color: white;
184 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
185}
186
187.fa-skype {
188 background: #00aff0;
189 color: white;
190}
191
192.fa-android {
193 background: #a4c639;
194 color: white;
195}
196
197.fa-dribbble {
198 background: #ea4c89;
199 color: white;
200}
201
202.fa-vimeo {
203 background: #45bbff;
204 color: white;
205}
206
207.fa-tumblr {
208 background: #2c4762;
209 color: white;
210}
211
212.fa-vine {
213 background: #00b489;
214 color: white;
215}
216
217.fa-foursquare {
218 background: #45bbff;
219 color: white;
220}
221
222.fa-stumbleupon {
223 background: #eb4924;
224 color: white;
225}
226
227.fa-flickr {
228 background: #f40083;
229 color: white;
230}
231
232.fa-yahoo {
233 background: #430297;
234 color: white;
235}
236
237.fa-soundcloud {
238 background: #ff5500;
239 color: white;
240}
241
242.fa-reddit {
243 background: #ff5700;
244 color: white;
245}
246
247.fa-rss {
248 background: #ff6600;
249 color: white;
250}