/* ================== Floating Contact Clean ================== */

.pxth-floating-contact{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:999;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.pxth-float-btn{
  width:52px;
  height:52px;
  border:0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  text-decoration:none;
  color:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.16);
  transition:.2s ease;
}

.pxth-float-btn:hover{
  transform:translateY(-2px);
}

.pxth-float-btn span{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:19px;
  font-weight:800;
  line-height:1;
}

/* Phone */
.pxth-phone{
  background:#ff5a1f;
}

/* LINE */
.pxth-line,
.pxth-line-oa{
  background:#06c755;
}

.pxth-line span,
.pxth-line-oa span{
  font-size:12px;
  letter-spacing:.02em;
}

/* Email */
.pxth-email{
  background:#2563eb;
}

/* Messenger */
.pxth-messenger{
  background:#0084ff;
}

/* Close */
.pxth-close{
  background:#0f172a;
}

.pxth-close span{
  font-size:24px;
}

/* Collapse */
.pxth-floating-contact.is-collapsed .pxth-float-btn:not(.pxth-close){
  display:none;
}

/* Mobile */
@media(max-width:768px){
  .pxth-floating-contact{
    right:10px;
    gap:8px;
  }

  .pxth-float-btn{
    width:46px;
    height:46px;
  }

  .pxth-float-btn span{
    font-size:17px;
  }

  .pxth-line span,
  .pxth-line-oa span{
    font-size:11px;
  }
}