29 lines
613 B
SCSS
29 lines
613 B
SCSS
.btn {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 38px;
|
|
height: 38px;
|
|
border-radius: 100%;
|
|
transition: all 0.3s ease;
|
|
cursor: pointer;
|
|
|
|
img {
|
|
width: 22px;
|
|
height: 22px;
|
|
filter: brightness(0) saturate(100%) invert(56%) sepia(64%) saturate(570%)
|
|
hue-rotate(154deg) brightness(92%) contrast(92%);
|
|
}
|
|
|
|
&:hover {
|
|
background-color: var(--light-blue);
|
|
scale: 1.1;
|
|
|
|
img {
|
|
scale: 1.1;
|
|
|
|
filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
|
|
saturate(7485%) hue-rotate(325deg) brightness(100%) contrast(104%);
|
|
}
|
|
}
|
|
}
|