.wc-btn-wrapper {
display: inline-block;
}
.btn-text-flip svg,
.wc-btn-wrapper svg {
width: 1em;
height: 1em;
} .wc-btn-group {
display: flex;
width: fit-content;
}
.wc-btn-group .wc-btn-primary {
padding: 21px 40px;
font-weight: 600;
font-size: 16px;
line-height: 1;
color: #fff;
background-color: #0A1A3D;
text-transform: capitalize;
transition: all 0.3s;
display: inline-flex;
align-items: center;
overflow: hidden;
z-index: 1;
gap: 30px;
white-space: nowrap;
border-radius: 30px;
}
.wc-btn-group .wc-btn-play {
color: #fff;
fill: #fff;
border-radius: 50px;
background-color: #0A1A3D;
border: 1px solid transparent;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.wc-btn-group > *:nth-child(2) {
transform: scale3d(1, 1, 1);
}
.wc-btn-group:hover > *:nth-child(2) {
transform: scale3d(1, 1, 1);
} .style-1 .wc-btn-group > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-1 .wc-btn-group > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
} .style-2 .wc-btn-group > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-2 .wc-btn-group > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
} .btn-text-flip {
perspective: 1000px;
}
.btn-text-flip:hover span {
transform: rotateX(90deg) translateY(-12px);
}
.btn-text-flip span {
position: relative;
display: inline-block;
padding: 0;
color: #121212;
transition: transform 0.3s;
transform-origin: 50% 0;
transform-style: preserve-3d;
}
.btn-text-flip span:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-text);
transition: color 0.3s;
transform: rotateX(-90deg);
transform-origin: 50% 0;
text-align: center;
}.wcf--category-wrap,.wcf--meta-list{flex-wrap:wrap;display:flex}.wcf--category-list li:last-child::after,.wcf--meta-list.style-2>li:last-child::after{display:none}.wcf--post-tags li,.wcf-separator{position:relative}.wcf--meta-list svg,.wcf--post-paginate svg{width:1em;height:1em}.wcf-separator::after{content:attr(data-separator);display:inline-block;margin-inline-start:12px;font-size:16px}.wcf--meta-list{gap:15px}.wcf--meta-list path{transition:.3s}.wcf--category-list{gap:15px;display:flex;flex-wrap:wrap;align-items:center}.wcf--meta-list .wcf-btn-default{padding:0;border:none}.wcf--meta-list.style-1 li,.wcf--meta-list.style-1 li a{color:#1c1d20;font-size:14px;font-weight:400;line-height:1.7}.wcf--meta-list.style-1 li a:hover{color:#f0b849}.wcf--meta-list li{display:flex;align-items:center}.wcf--meta-list.style-1 i,.wcf--meta-list.style-1 svg{margin-inline-end:3px}.wcf--meta-list.style-2{gap:10px 50px;align-items:center}.wcf--meta-list.style-2>li{align-items:flex-start;flex-direction:column;position:relative}.wcf--meta-list.style-2>li::after{position:absolute;content:"";width:1px;height:100%;background-color:#efefef;inset-inline-end:-25px;top:50%;transform:translateY(-50%)}.wcf--meta-list.style-2 .wcf--author-wrap{flex-direction:row;align-items:center}.wcf--meta-list.style-2 .wcf-author-img{margin-inline-end:15px}.wcf--meta-list.style-2 li .label{color:#555;font-size:14px;font-weight:500;line-height:1.6;text-transform:capitalize;margin-bottom:5px;display:flex;align-items:center}.wcf--meta-date,.wcf--meta-list.style-2 li a,.wcf--meta-view{color:#1c1d20;font-size:16px;font-weight:500;line-height:1.6;text-transform:capitalize}.wcf--meta-list.style-2 li a:hover,.wcf--post-tags li a:hover{color:#f0b849}.wcf--meta-list.style-2 .wcf-author-img img{width:60px;height:60px;border-radius:100%;object-fit:cover}.wcf--meta-list.style-2 .wcf--meta-view{display:flex}.wcf--post-tags{gap:6px 12px;display:flex;align-items:center;flex-wrap:wrap}.wcf--post-tags li::after{content:attr(data-separator);display:inline-block;font-size:16px;position:absolute;top:0;inset-inline-end:-5px}.wcf--post-tags li:last-child::after{display:none}.wcf--post-tags li a{display:inline-block;text-transform:capitalize;transition:.3s;font-weight:500;border:none;padding:0}.wcf--post-paginate{width:100%;display:grid;align-items:center;grid-template-columns:1fr 1fr}.wcf--post-paginate a{color:#1c1d20;transition:.3s;display:inline-block}.wcf--post-paginate a:hover{color:#e8bf96}.wcf--post-paginate a:hover svg{fill:#E8BF96;transition:.3s}.wcf--post-paginate a .next-prev{gap:10px;align-items:center;display:inline-flex}.wcf--post-paginate .title{font-size:18px;margin-bottom:20px;word-break:break-word;transition:.3s}.wcf--post-paginate .post-next{text-align:end}.layout-2.wcf--post-paginate a{display:flex;border:1px solid;height:200px;width:200px;align-items:center;border-radius:100%;justify-content:center}@media (max-width:767px){.wcf--post-paginate{grid-template-columns:1fr}.wcf--post-paginate .post-next{text-align:start}}.wcf--social-icons ul{margin:0;padding:0}.wcf--social-icons ul li{list-style:none;line-height:1}.wcf--social-icons ul li a{display:flex;align-items:center;justify-content:center;font-size:var(--icon-size,20px);line-height:var(--icon-size,20px);width:calc(var(--icon-size,20px) + 2 * var(--icon-padding,1px));height:calc(var(--icon-size,20px) + 2 * var(--icon-padding,1px))}