.social {  
}
.social p {
margin: 1em 0 0 0;
text-align: center;
}
.social ul {
  display:flex;
  margin: 0 auto;
}

.social ul li {
  list-style: none;
}

.social ul li a {
  position: relative;
  width:50px;
  height:50px;
  display:block;
  text-align:center;
  border-radius: 50%;
  border: 5px solid #fff;
  box-sizing: border-box;
  text-decoration:none;
  box-shadow: 0 10px 15px rgba(0,0,0,0.3);
  background: linear-gradient(0deg, #ddd, #fff);
  transition: .5s;
  font-size: 33px;
  margin: 0 5px;
}

.social ul li a:hover {
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  text-decoration:none;
}

.social ul li a .fab {
  width: 100%;
  height:100%;
  display:block;
  background: linear-gradient(0deg, #fff, #ddd);
  border-radius: 50%;
  color: #262626;
  transition: .5s;
  padding-top: 15px;
}

#pageUrl {display: none;}
.copyurl {
margin: 10px auto;
padding: 10px 15px;
background: transparent;
border-radius: 20px;
border: 1px solid #b6afa2;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.copyurl:hover {
background: rgba(255,255,255,.4);
color: #000;
}