/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.section-sharing {
  padding: 2em 0; }
  @media (min-width: 768px) {
    .section-sharing {
      padding: 4em 0; } }
  .section-sharing .social-sharing {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap; }
    .section-sharing .social-sharing a {
      flex: 1;
      margin-right: .5em;
      padding: .3em;
      font-size: 22.8px;
      text-decoration: none;
      color: #fff;
      background: var(--black); }
      @media (min-width: 768px) {
        .section-sharing .social-sharing a {
          margin-right: 1em; } }
      @media (min-width: 768px) {
        .section-sharing .social-sharing a {
          padding: .5em; } }
      .section-sharing .social-sharing a:last-child {
        margin-right: 0; }
      .section-sharing .social-sharing a span {
        position: relative;
        left: 2px;
        top: 2px; }
      .section-sharing .social-sharing a.button-twitter {
        background: #59adeb; }
      .section-sharing .social-sharing a.button-linkedin {
        background: #127cb3; }
      .section-sharing .social-sharing a.button-facebook {
        background: #3c5a96; }
      .section-sharing .social-sharing a.button-whatsapp {
        background: #25d366; }

/*# sourceMappingURL=sharing.css.map */