@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

:root {
  --color:#81ABE9
}

.social-btns-accordeon {
  width:100%;
  text-align:left;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  padding:20px 25px;
  margin-bottom:16px;
  border:none;
  background:#fff;
  border-radius: 12px;
  color: #000;
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; 
}

.social-btns-accordeon > button {
  width:100%;
  text-align:left;
  padding:0;
  border:none;
  background:transparent;
  border-radius: 12px;
  color: #000;
  display:flex;
  align-items: center;
  justify-content: space-between;
}

.social-btns-accordeon > button:after {
  content:'';
  background-image:url('https://fs22.getcourse.ru/fileservice/file/download/a/790870/sc/135/h/220ba7448ea70620c9c5c9244703ecce.svg');
  background-size:cover;
  width:15px;
  height:15px;
  display:block
}

.social-btns-wrapper {
  display:block;
  flex-direction: column;
  gap:8px;
  padding-top:10px
}

.social-btns-wrapper > button {
  display:flex;
  align-items: center;
  width:100%;
  margin-top:10px;
  text-align:left;
  font-size:16px;
  padding:10px;
  border:1px solid var(--color);
  background:transparent;
  border-radius:5px;
  transition:all .3s
}

.social-btns-wrapper > button:hover {
  transform:translatey(-3px)
}

.social-btns-wrapper > button:before {
  content:'';
  background-size:30px;
  background-repeat:no-repeat;
  background-position:center;
  width:30px;
  height:30px;
  margin-right:15px;
  flex:0 0 30px
}

.social-btns-wrapper > .social-btn-vk:before {
  background-image:url('/fileservice/file/download/a/790870/sc/185/h/23418affa900dbc2a475b4aea8772834.svg');
}

.social-btns-wrapper > .social-btn-tg:before {
  background-image:url('/fileservice/file/download/a/790870/sc/176/h/0502b1e3e342e7b5fed532ac5db32844.svg');
}

.social-btns-wrapper > .social-btn-inst:before {
  background-image:url('/fileservice/file/download/a/790870/sc/289/h/d2412df48be5d5d6c6ee2703ce70a19f.svg');
}

.social-btns-wrapper > .social-btn-fb:before {
  background-image:url('/fileservice/file/download/a/790870/sc/149/h/cee034a2d87e1d769b93c7e2216670a5.svg');
}

.social-btns-wrapper > .social-btn-yt:before {
  background-image:url('/fileservice/file/download/a/790870/sc/54/h/d3a2d9a69641f5249a728a04b128358f.svg');
}

.social-btns-wrapper > .social-btn-tt:before {
  background-image:url('/fileservice/file/download/a/790870/sc/183/h/a2435aeb55dac96d87a0481a44a378a1.svg');
}

.social-btns-wrapper > .social-btn-yz:before {
  background-image:url('/fileservice/file/download/a/790870/sc/60/h/c55e77861a72c0918d3300b55b959e5e.svg');
}

.social-btns-wrapper > .social-btn-ok:before {
  background-image:url('/fileservice/file/download/a/790870/sc/510/h/2382112e38f4702433bc2996814da4ed.svg');
}

.social-btns-wrapper > .social-btn-sc:before {
  background-image:url('/fileservice/file/download/a/790870/sc/243/h/caa1dfb2405f4654e574c5c51fe89c71.svg');
}