.share-buttons { 
text-align: center; margin-top: 20px; 
} 
.share-buttons p {
 margin-bottom: 10px; 
} 
.share-buttons a { 
display: inline-block; 
margin: 0 5px; padding: 5px; 
color: white; border-radius: 50%;
 width: 30px; height: 30px;
 text-align: center; 
line-height: 30px;
 text-decoration: none; transition: background 0.3s ease;
 } 
.share-buttons a.twitter { 
background: #000; 
} 
.share-buttons a.facebook { 
background: #3b5998; 
} 
.share-buttons a.hatena { 
background: #00a4de;
 }
 .share-buttons a.pocket {
 background: #ef3f56; 
} 
.share-buttons a.copy {
 background: #4caf50;
 } 
.share-buttons a:hover { 
opacity: 0.8;
 }
 .share-buttons a i {
 font-size: 16px; 
line-height: 30px;