/* Wrapper */ .sl-wrapper{ float: right; } .sl-wrapper a { border-bottom: 0 !important; text-decoration: none !important; color: #d5d5d5; } .sl-wrapper a:hover{ color: #ff2f2f; } .sl-button { font-size: 1em; line-height: 1; font-weight: normal; } .sl-wrapper a .sl-count{ font-size: 14px; font-family: "Nunito Sans", sans-serif; font-weight: 800; margin-left: 7px; color: #929292; } /* Colors */ a.liked { color: #ff2f2f; } a.liked:hover, a.liked:active, a.liked:focus { color: #ff2f2f; } a.liked span.sl-count, a.liked span.sl-text, .sl-count, .sl-text { color: #1b1d21; } /* Icon */ .sl-icon { font-family: 'Arial Unicode MS', Arial, sans-serif; vertical-align: middle; margin-top: 1px; display: inline-block; } .sl-icon svg { fill: currentColor; width: 14px; height: 14px; } .sl-icon svg:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left:0; } /* Count */ .sl-count, .sl-text { font-size: 0.625em; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; text-transform: uppercase; vertical-align: middle; } /* Loader */ .loader, .loader:before, .loader:after { background: rgba(0, 0, 0, 0.2); -webkit-animation: load-dark 1s infinite ease-in-out; animation: load-dark 1s infinite ease-in-out; width: .2em; height: .6em; } .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader:before { left: -.375em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader { text-indent: -999999em; display: inline-block; position: relative; vertical-align: middle; font-size: 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:after { left: .375em; } @-webkit-keyframes load-dark { 0%, 80%, 100% { box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% { box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } } @keyframes load-dark { 0%, 80%, 100% { box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% { box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } }