.pc-float-widget{
  position:fixed;
  right:20px;
  bottom:calc(24px + env(safe-area-inset-bottom,0px));
  z-index:8500;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}
.fw-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
.pc-float-widget .fw-kakao{
  width:56px;
  height:56px;
  border:0;
  border-radius:50%;
  background:#fee500;
  color:#3b1e1e;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 6px 22px rgba(0,0,0,.18);
  transition:transform .2s,box-shadow .2s;
  padding:0;
}
.pc-float-widget .fw-kakao:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(0,0,0,.22);
  background:#fee500;
}
.pc-float-widget .fw-kakao:active{
  transform:scale(.96);
  background:#f5d900;
}
.pc-float-widget .fw-kakao svg{
  display:block;
  color:#3b1e1e;
}
.fw-top{
  width:48px;
  height:48px;
  border-radius:50%;
  background:#fff;
  border:1px solid #e8e4da;
  box-shadow:0 4px 16px rgba(0,0,0,.1);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:box-shadow .2s,border-color .2s;
}
.fw-top:hover{
  border-color:#fee500;
  box-shadow:0 6px 20px rgba(254,229,0,.35);
}
.fw-top i{color:#6b7280;font-size:14px;}
@media (max-width:768px){
  .pc-float-widget{right:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));}
  .pc-float-widget .fw-kakao{width:52px;height:52px;}
  .fw-top{width:44px;height:44px;}
}