/* line 1, /Users/kamal/Repos/personal/franton_3/app/assets/stylesheets/share_buttons_style.scss */
.content {
  padding: 8px 90px;
  font-family: "sans-serif";
}

/* line 6, /Users/kamal/Repos/personal/franton_3/app/assets/stylesheets/share_buttons_style.scss */
.content p {
  line-height: 1.9;
}

/* line 10, /Users/kamal/Repos/personal/franton_3/app/assets/stylesheets/share_buttons_style.scss */
.share-btn-container {
  background: transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 8px 0px 8px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) ; */
  /* position: fixed; */
  /* top: 50%; */
  /* transform: translateY(-50%); */
}

/* line 21, /Users/kamal/Repos/personal/franton_3/app/assets/stylesheets/share_buttons_style.scss */
.share-btn-container a i {
  font-size: 32px;
  padding-left: 15px;
}

/* line 26, /Users/kamal/Repos/personal/franton_3/app/assets/stylesheets/share_buttons_style.scss */
.share-btn-container a {
  margin: 12px 0;
  transition: 600ms;
}

/* line 31, /Users/kamal/Repos/personal/franton_3/app/assets/stylesheets/share_buttons_style.scss */
.share-btn-container a:hover {
  transform: scale(1.6);
}

/* line 35, /Users/kamal/Repos/personal/franton_3/app/assets/stylesheets/share_buttons_style.scss */
.share-btn-container .fa-facebook {
  color: #3b5998;
}

/* line 39, /Users/kamal/Repos/personal/franton_3/app/assets/stylesheets/share_buttons_style.scss */
.share-btn-container .fa-twitter {
  color: #1da1f2;
}

/* line 43, /Users/kamal/Repos/personal/franton_3/app/assets/stylesheets/share_buttons_style.scss */
.share-btn-container .fa-whatsapp {
  color: #25d366;
}

@media (max-width: 550px) {
  /* line 48, /Users/kamal/Repos/personal/franton_3/app/assets/stylesheets/share_buttons_style.scss */
  .content {
    padding: 8px 32px;
  }

  /* line 52, /Users/kamal/Repos/personal/franton_3/app/assets/stylesheets/share_buttons_style.scss */
  .share-btn-container {
    transform: unset;
    top: unset;
    left: 0;
    position: fixed;
    bottom: 0;
    background-color: #e6e6e6;
    width: 100%;
    flex-direction: row;
    box-shadow: 4px 0 rgba(0, 0, 0, 0.3);
    padding: 16px 0;
    z-index: 100;
    justify-content: center;
  }

  /* line 68, /Users/kamal/Repos/personal/franton_3/app/assets/stylesheets/share_buttons_style.scss */
  .share-btn-container a {
    margin: 0 32px;
  }
}