.fb__kakao {
  position: fixed;
  z-index: 10;
  bottom: 148px;
  right: 27px;
  width: 56px;
  height: 56px;
  background: #fae100;
  border-radius: 50%;
  box-shadow: 0 5px 10px 0 rgba(199, 206, 0, 0.15);
  text-align: center;
  transition: all 0.4s ease;
}
  
.fb__kakao:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fae100 url(./ic_kakao.svg) no-repeat center center;
}
  
.fb__kakao__button {
  display: block;
  width: 140px;
  padding-left: 24px;
  text-align: left;
  opacity: 0;
}
  
.fb__kakao:hover {
  width: 134px;
  border-radius: 28px;
}
  
.fb__kakao:hover .fb__kakao__button {
  padding: 0 56px 0 20px;
  color: #231815;
  font-size: 16px;
  line-height: 56px;
  font-weight: 700;
  transition: opacity 0.2s ease 0.2s;
  opacity: 1;
}

/* 채널톡 버튼 (문의하기) */
.fb__channeltalk {
  position: fixed;
  z-index: 10;
  bottom: 108px;
  right: 27px;
  width: 56px;
  height: 56px;
  background: #6C5CE7;
  border-radius: 50%;
  box-shadow: 0 5px 10px 0 rgba(108, 92, 231, 0.15);
  text-align: center;
  transition: all .4s ease;
}

.fb__channeltalk:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #6C5CE7 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="white" d="M2.13 13.675A10.013 10.013 0 0 1 13.664 2.137c4.028.652 7.318 3.817 8.123 7.817.494 2.455.074 4.78-.965 6.73-.246.46-.266 1.01-.1 1.506l.639 1.915a1 1 0 0 1-1.265 1.265l-1.923-.64c-.493-.165-1.037-.146-1.496.099-1.949 1.039-4.275 1.46-6.73.967-4.001-.805-7.166-4.093-7.819-8.12m9.812 2.01a1.244 1.244 0 1 0 0 2.488 1.244 1.244 0 0 0 0-2.488m.056-9.66c-2.082 0-3.841 1.585-3.841 3.461h1.9c0-.831.907-1.562 1.941-1.562.94 0 1.94.549 1.94 1.562 0 .508-.47.901-1.336 1.447-1.046.66-1.672 1.744-1.672 2.9v.708h1.9v-.708c0-.718.549-1.143.785-1.292.832-.524 2.225-1.402 2.225-3.055 0-1.94-1.688-3.462-3.842-3.462"/></svg>') no-repeat center center;
  background-size: 32px 32px;
}

.fb__channeltalk__button {
  display: block;
  width: 130px;
  padding-left: 24px;
  text-align: left;
  opacity: 0;
}

.fb__channeltalk:hover {
  width: 134px;
  border-radius: 28px;
}

.fb__channeltalk:hover .fb__channeltalk__button {
  padding: 0 56px 0 20px;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  transition: opacity 0.2s ease 0.2s;
  opacity: 1;
}