:root {
--kaust-btn-icon-size: 1rem;
}
.bi-orcid::before {
content: url('data:image/svg+xml; utf8, ');
display: block;
width: var(--kaust-btn-icon-size);
height: var(--kaust-btn-icon-size);
}
.bi-scopus::before {
content: url('data:image/svg+xml; utf8, ');
display: block;
width: var(--kaust-btn-icon-size);
height: var(--kaust-btn-icon-size);
}
.bi-dblp::before {
content: url('data:image/svg+xml; utf8, ');
display: block;
width: var(--kaust-btn-icon-size);
height: var(--kaust-btn-icon-size);
}
.bi-researchgate::before {
content: url('data:image/svg+xml; utf8, ');
display: block;
width: var(--kaust-btn-icon-size);
height: var(--kaust-btn-icon-size);
}
.bi-ieee::before {
content: url('data:image/svg+xml; utf8, ');
display: block;
width: var(--kaust-btn-icon-size);
height: var(--kaust-btn-icon-size);
}
.bi-kaust::before {
content: url('data:image/svg+xml; utf8, ');
display: block;
width: var(--kaust-btn-icon-size);
height: var(--kaust-btn-icon-size);
}
.bi-dspace::before {
content: url('data:image/svg+xml; utf8, ');
display: block;
width: var(--kaust-btn-icon-size);
height: var(--kaust-btn-icon-size);
}
.bi-clarivate::before {
content: url('data:image/svg+xml; utf8, ');
display: block;
width: var(--kaust-btn-icon-size);
height: var(--kaust-btn-icon-size);
}
.btn-orcid:hover, .btn-orcid:focus, .btn-orcid:active,
.btn-scopus:hover, .btn-scopus:focus, .btn-scopus:active,
.btn-dblp:hover, .btn-dblp:focus, .btn-dblp:active,
.btn-researchgate:hover, .btn-researchgate:focus, .btn-researchgate:active,
.btn-ieee:hover, .btn-ieee:focus, .btn-ieee:active,
.btn-kaust:hover, .btn-kaust:focus, .btn-kaust:active,
.btn-dspace:hover, .btn-dspace:focus, .btn-dspace:active,
.btn-clarivate:hover, .btn-clarivate:focus, .btn-clarivate:active {
border-color: #4c82f7 !important;
background-color: #4c82f7 !important;
color: #fff !important;
box-shadow: 0 .375rem 1.125rem -.375rem rgba(76, 130, 247, 0.8) !important;
.bi-orcid, .bi-scopus, .bi-dblp, .bi-researchgate, .bi-ieee, .bi-kaust, .bi-dspace, .bi-clarivate, .bi-twitter-x {
filter: invert(1);
}
}
.btn-twitter-x:hover, .btn-twitter-x:focus, .btn-twitter-x:active {
border-color: #000000 !important;
background-color: #000000 !important;
color: #ffffff !important;
box-shadow: 0 .375rem 1.125rem -.375rem rgba(76, 130, 247, 0.8) !important;
.bi-twitter-x {
filter: invert(1);
}
.bi-twitter-x::before {
color: #000;
}
}