.portfolio-card--link{color:inherit;cursor:pointer;text-decoration:none;display:block}.portfolio-card--link:hover,.portfolio-card--link:focus,.portfolio-card--link:focus-visible{color:inherit;text-decoration:none}.portfolio-card--link .image-and-tag .tag li span{color:var(--white-color);line-height:1;font-family:var(--font-unbounded);font-size:var(--text-sm);background-color:#00000080;border:1px solid #ffffff1a;border-radius:50px;padding:6px 25px;font-weight:500;transition:all .35s;display:inline-block}.portfolio-card--link:hover .image-and-tag .tag li span{color:var(--dark-title-color);background-color:var(--primary-color2)}.portfolio-card--link .portfolio-content h4{color:var(--white-color);font-family:var(--font-unbounded);font-size:var(--text-lg);text-transform:capitalize;font-weight:500;line-height:1.4;transition:all .5s}.portfolio-card--link:hover .portfolio-content h4{color:var(--primary-color2)}.portfolio-card.two.portfolio-card--link .portfolio-content h4{color:var(--title-color)}.portfolio-card.two.portfolio-card--link:hover .portfolio-content h4{color:var(--primary-color)}.portfolio-card--link .image-and-tag .portfolio-img .details-btn{pointer-events:none;transition:transform .35s,background-color .35s}.portfolio-card--link .image-and-tag .portfolio-img .details-btn svg{transition:transform .35s,fill .35s}.portfolio-card--link:hover .image-and-tag .portfolio-img .details-btn{transform:translate(12px)}.portfolio-card--link:hover .image-and-tag .portfolio-img .details-btn svg{transform:rotate(45deg)}.portfolio-card.two.portfolio-card--link:hover .image-and-tag .portfolio-img .details-btn svg{fill:var(--white-color)}