.expert-verification {
font-size: var(--wp--preset--font-size--small);
margin-top: 1rem;
position: relative;
}
.expert-verification:last-child {
margin-top: unset;
}
.expert-verification__text {
align-items: flex-start;
column-gap: .375rem;
display: flex;
flex-flow: row nowrap;
margin: 0;
}
.expert-verification__text a {
font-size: inherit;
font-weight: bold;
text-decoration: none;
}
.expert-verification__text span {
display: block;
}
.expert-verification__text--icon {
cursor: help;
}
.expert-verification__text--icon:before {
content: url(//breakingmuscle.com/wp-content/themes/breaking-muscle/inc/expert-verified/assets/check.svg);
display: inline-block;
font-size: 20px;
font-style: normal;
font-weight: 400;
height: 20px;
margin-top: 1px;
text-decoration: inherit;
text-rendering: auto;
text-transform: none;
width: 20px;
}
.expert-verification__tooltip {
background-color: #e31c3d;
border-radius: .25rem;
bottom: calc(100% + 1.25rem);
box-shadow: .1875rem .375rem .625rem rgba(0, 0, 0, 0.29);
color: #ffffff;
display: block;
font-size: var(--wp--preset--font-size--x-small);
left: .5rem;
opacity: 0;
padding: .625rem;
position: absolute;
transition: all ease 500ms;
width: 100%;
z-index: -1;
}
.expert-verification__tooltip a {
color: inherit;
font-size: inherit;
}
.expert-verification__tooltip button {
background-color: transparent;
border: none;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 1.5rem;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: 0;
width: 1.5rem;
height: 1.5rem;
line-height: 1;
}
.expert-verification__tooltip.open {
opacity: 1;
z-index: 1001;
}
.expert-verification__tooltip::after {
content: '';
position: absolute;
bottom: .125rem;
left: .625rem;
width: 0;
height: 0;
border: 1.25rem solid transparent;
border-top-color: #e31c3d;
border-bottom: 0;
border-left: 0;
margin-left: -.625rem;
margin-bottom: -1.25rem;
}
@media only screen and (min-width: 768px) {
.expert-verification-container {
align-items: space-between;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-top: .5rem;
}
.expert-verification-container .expert-verification {
float: none;
margin-top: 0;
}
.expert-verification {
float: right;
margin-top: .625rem;
}
}