/*  =================================
    Social Proof
    ================================= */

    .wtl-social-proof {
      z-index: 20;
      position: fixed;
      bottom: 30px;
      left: 30px;
      border-radius: 10px;
      border: 1px solid var(--wtl-panel-color-bg-border);
      background: #fff;
      box-shadow: 0px 0px 30px rgba(0, 0, 0, .15);
      padding: 15px 40px 15px 20px;
      font-size: 13px;
      line-height: 17px;
      color: var(--wtl-panel-color-font-dark-100);
      min-width: 120px;
      transition: 1s all ease-in-out;
      max-width: calc(100% - 60px);
      transform: translateX(-120%);
      box-sizing: border-box;
      font-family: var(--wtl-panel-font-family);
  }
  
  .wtl-social-proof.wtl-social-proof--is-active {
      transform: translateX(0);
  }
  
  .wtl-social-proof-name {
      font-weight: 600;
      font-size: 14px;
      margin-bottom: 4px;
  }
  
  .wtl-social-proof-desc {
      color: var(--wtl-panel-color-font-dark-100);
      margin: 3px 0 6px;
  }
  
  .wtl-social-proof-stats {
      display: flex;
      color: var(--wtl-panel-color-font-dark-100);
  }
  
  .wtl-social-proof-badge {
      font-size: 12px;
      color: var(--wtl-panel-color-accent);
      margin-top: 10px;
  }
  
  .wtl-social-proof-badge i {
      margin-right: 3px;
  }
  
  .wtl-social-proof-badge a {
      color: var(--wtl-panel-color-accent);
      font-size: inherit;
  }
  
  .wtl-social-proof-badge a:hover {
      text-decoration: none;
  }
  
  .wtl-social-proof-close {
      width: 30px;
      height: 30px;
      border-radius: 10px;
      position: absolute;
      right: 0px;
      top: 0px;
      transition: .1s all ease;
      display: flex !important;
      justify-content: center;
      align-items: center;
      color: var(--wtl-panel-color-font-dark-100);
  }
  
  .wtl-social-proof-close:hover {
      cursor: pointer;
      color: var(--wtl-panel-color-font-dark-50);
  }
  
  .wtl-social-proof-close:before {
      font-size: 15px;
  }