2022-05-08 10:45:45 +02:00
|
|
|
.root {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
width: max-content;
|
|
|
|
svg {
|
2022-07-08 09:10:18 +02:00
|
|
|
width: clamp(2.5rem, 8vw, 50px);
|
|
|
|
height: clamp(2.5rem, 8vw, 50px);
|
2022-05-08 10:45:45 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.contrast {
|
|
|
|
padding: 5px;
|
|
|
|
border-radius: 50%;
|
|
|
|
svg {
|
2022-07-08 09:10:18 +02:00
|
|
|
width: clamp(2rem, 7vw, 40px);
|
|
|
|
height: clamp(2rem, 7vw, 40px);
|
2022-05-08 10:45:45 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.simple {
|
|
|
|
background-color: transparent;
|
|
|
|
svg {
|
2022-07-08 09:10:18 +02:00
|
|
|
width: clamp(2.5rem, 8vw, 50px);
|
|
|
|
height: clamp(2.5rem, 8vw, 50px);
|
2022-05-08 10:45:45 +02:00
|
|
|
}
|
|
|
|
}
|