#fab-button .fab-container {
  position: fixed;
  bottom: 20px;
  right: 50px;
  cursor: pointer;
  display: none;
  transition: all 0.4s ease-in-out; }
#fab-button .icon-button {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: var(--sp-accent);
  /* box-shadow: 5px 5px 2px #aaaaaa59; */ }
  #fab-button .icon-button:hover {
    opacity: 0.75;
    transition: all 0.4s ease; }
#fab-button .icon-button i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: white;
  font-size: 20px; }
#fab-button .options li {
  display: flex;
  justify-content: flex-end;
  padding: 5px; }
#fab-button .options {
  /* list-style-type: none; */
  position: absolute;
  bottom: 63px;
  right: -2px; }
#fab-button .btn-fab-label {
  padding: 2px 5px;
  margin-right: 10px;
  align-self: center;
  user-select: none;
  background-color: white;
  color: black;
  border-radius: 3px;
  box-shadow: 0px 0 4px 0px #aaaaaa;
  width: max-content; }
#fab-button #toggle {
  position: fixed;
  display: none; }
#fab-button .button-fab {
  user-select: none;
  position: fixed;
  bottom: 20px;
  right: 50px;
  z-index: 999;
  width: 55px;
  height: 55px;
  background: var(--sp-accent);
  border-radius: 0;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center; }
  #fab-button .button-fab:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    background: #fff;
    transform: rotate(90deg);
    transition: all 0.4s ease; }
  #fab-button .button-fab:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    background: #fff;
    transition: all 0.4s ease; }
#fab-button #toggle:checked ~ .fab-container {
  display: block;
  transform: translateY(10%);
  z-index: 999; }
#fab-button #toggle:checked ~ .button-fab:before {
  transform: rotate(225deg); }
#fab-button #toggle:checked ~ .button-fab:after {
  transform: rotate(135deg); }
#fab-button .btn-facebook-color {
  background-color: #19225a; }
#fab-button .btn-line-color {
  background-color: #0ba900; }
#fab-button .btn-messenger-color {
  background-color: #00adff; }
#fab-button .btn-youtube-color {
  background-color: #e00606; }
#fab-button .btn-instagram-color {
  background-color: #cb144f; }
#fab-button .btn-twitter-color {
  background-color: #00abfb; }
#fab-button .btn-tiktok-color {
  background-color: #000000; }
#fab-button .btn-email-color {
  background-color: #ff5900; }
#fab-button .btn-whatsapp-color {
  background-color: #00aa2f; }
#fab-button a {
  color: #fffafa00;
  text-decoration: none;
  padding: 0;
  margin: 0; }
#fab-button ul {
  text-decoration: none;
  padding: 0;
  margin: 0; }
#fab-button li {
  text-decoration: none;
  padding: 0;
  margin: 0; }

@media (max-width: 640px) {
  #fab-button .button-fab {
    right: 20px;
    cursor: none; }
  #fab-button .options {
    right: -32px;
    bottom: 68px; }
  #fab-button .fab-container {
    cursor: none; }
  #fab-button #toggle {
    display: none; }
  #fab-button a {
    cursor: none; } }

/*# sourceMappingURL=fab-button.css.map */