.btn-sharer {
align-self: center;
}
.btn-sharer+.dropdown-content {
min-width: 320px;
padding: 0.6em;
text-align: center;
}
.btn-share {
padding: 0.65em;
}
.btn-share img {
width: 2em;
height: auto;
aspect-ratio: 1 / 1;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
text-decoration: none;
cursor: pointer;
}
.btn-reddit {
color: #fff;
background-color: #ff4500;
border-color: #ff4500;
}
.btn-reddit img {
background-image: url("data:image/svg+xml;utf8,");
}
.btn-x {
color: #fff;
background-color: #000;
border-color: #000;
}
.btn-x img {
background-image: url('data:image/svg+xml;charset=utf-8,');
background-size: 60%;
}
.btn-facebook {
color: #fff;
background-color: #32529f;
border-color: #32529f;
}
.btn-facebook img {
background-image: url('data:image/svg+xml;charset=utf-8,');
}
.btn-line {
color: #fff;
background-color: #52b448;
border-color: #52b448;
}
.btn-line img {
background-image: url('data:image/svg+xml;charset=utf-8,');
}
.btn-watsapp {
color: #fff;
background-color: #25d366;
border-color: #25d366;
}
.btn-watsapp img {
background-image: url('data:image/svg+xml;charset=utf-8,');
}
@media (max-width: 700px) {
.btn-sharer+.dropdown-content {
margin-top: 3em;
}
}