Template:Social bookmarks/styles.css

.text-top { font-size: 100%; }

.text-top:after { content: ""; display: block; width: 50%; height: 2px; background-color: #a7d7f9; margin-top: 5px; margin-bottom: 4px; }

.frame { display: flex; flex-direction: row; justify-content: space-around; align-items: center; position: relative; border-radius: 10px; }

.btn { height: 35px; width: 35px; border-radius: 3px; background: #e0e5ec; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: -3px -3px 5px rgba(255, 255, 255, 0.9), 3px 3px 5px rgba(0, 0, 0, 0.1); transition: box-shadow 0.6s cubic-bezier(0.79, 0.21, 0.06, 0.81); font-size: 16px; color: rgba(42, 52, 84, 1); text-decoration: none; }

.btn:active { box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.1), inset -2px -2px 3px rgba(255, 255, 255, 0.5); }

.share-box { background-color:#FFFFFF; border:1.5px solid #a7d7f9; border-radius: 9px; }

@media (max-width: 768px) { .share-box { flex-direction: column; width: 100%; padding: 6px 45px; } }

/* for desktop */ @media (min-width: 769px) { .share-box { width: 36%; padding: 1px; } }