2024-09-09 14:29:40 -07:00

36 lines
893 B
SCSS

/* --------------- solutions styles --------------- */
.solutions.style-10{
.solution-card{
display: flex;
padding: 15px 20px;
border-radius: 5px;
background-color: #fff;
align-items: center;
justify-content: space-between;
margin-top: 30px;
h6{
font-size: 14px;
font-weight: bold;
}
.icon{
img{
filter: invert(54%) sepia(58%) saturate(5618%) hue-rotate(228deg) brightness(99%) contrast(92%);
}
}
&:hover{
background-color: #8169f1;
color: #fff;
box-shadow: 10px 10px 30px #0004;
.icon{
img{
filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(135deg) brightness(107%) contrast(106%);
}
}
}
}
}