.edubin-entry-footer .entry-post-share {
text-align: right;
}
.post-share.style-01 {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.post-share.style-01 .share-label {
font-weight: 500;
margin-right: 15px;
}
.post-share.style-01 .share-icon {
height: 45px;
width: 45px;
line-height: 42px;
font-size: 15px;
border-radius: 50%;
text-align: center;
cursor: pointer;
border: 2px solid #e0e0e0;
transition: all 0.5s ease;
}
.post-share .share-media {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
}
.edubin-social-share:hover .share-media .share-icon {
color: #fff;
border-color: transparent;
background-color: var(--edubin-primary-color);
transition: all 0.5s ease;
}
.edubin-social-share:hover .share-media .share-list {
transform: translate(-47%, -15px);
visibility: visible;
opacity: 1;
transition: all 0.5s ease;
border-radius: 100px;
}
.entry-post-share:hover .share-icon {
color: var(--edubin-primary-color);
border-color: transparent;
transition: all 0.5s ease;
}
.entry-post-share:hover .share-list {
transform: translate(-47%, -15px);
visibility: visible;
opacity: 1;
transition: all 0.5s ease;
border-radius: 100px;
}
.post-share .share-list {
position: absolute;
bottom: 70%;
transform: translate(-50%, -10px);
width: auto;
white-space: nowrap;
padding: 0 15px;
text-align: center;
background: #fff;
border-radius: 5px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
filter: drop-shadow(0 2px 20px rgba(0, 0, 0, 0.06));
z-index: 999;
visibility: hidden;
opacity: 0;
user-select: none;
}
.post-share .share-list:before {
position: absolute;
top: 100%;
right: 0;
transform: translateX(-50%);
content: '';
border-top: 8px solid #fff;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
}
.post-share .share-list a {
display: inline-block;
font-size: 15px;
padding: 12px 12px;
color: var(--edubin-meta-color);
}
.post-share .share-list a:hover i {
color: var(--edubin-primary-color);
transition: all 0.5s ease;
}
.post-share .share-list a i {
transition: all 0.5s ease;
}
.post-share.style-02 {
border: 2px solid var(--edubin-primary-color);
padding: 10px 45px;
display: inline-block;
border-radius: 5px;
}
.post-share.style-02 .share-label {
font-size: 14px;
font-weight: 700;
margin-right: 15px;
display: inline-block;
}
.post-share.style-02 .share-icon {
font-size: 15px;
}
.post-share.style-02 .share-list {
left: -55px;
right: initial;
}
.post-share.style-02 .share-list:before {
right: 5px;
}
.post-share.style-02 .share-media {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
}
.post-share.style-03 .share-label {
display: inline-block;
font-weight: 500;
letter-spacing: 1px;
}
.post-share.style-03 .share-icon {
margin-left: 8px;
}
.post-share.style-03 .share-list {
right: -95px;
}
.post-share.style-04:hover .share-media .share-list {
transform: translate(0, 0);
}
.post-share.style-04 .share-media .share-list {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
box-shadow: none;
background: none;
position: relative;
right: 0;
}
.post-share.style-04 .share-list a {
font-size: 18px;
padding: 0 12px;
}
.post-share.style-05 .share-media .share-list {
right: -10px;
bottom: 50px;
transform: inherit;
}
.post-share.style-05 .share-list a {
padding: 5px 12px;
}