45 lines
731 B
CSS
45 lines
731 B
CSS
.carousel {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: calc(8rem / 16);
|
|
|
|
width: calc(600rem / 16);
|
|
}
|
|
|
|
.carouselButton {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
padding: calc(16rem / 16);
|
|
height: min-content;
|
|
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
.arrow {
|
|
width: calc(20rem / 16);
|
|
height: calc(40rem / 16);
|
|
}
|
|
|
|
.previous {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.card {
|
|
min-height: calc(100rem / 16);
|
|
padding: calc(60rem / 16);
|
|
box-sizing: border-box;
|
|
|
|
background-color: var(--primary-accent);
|
|
border: calc(2rem / 16) solid var(--primary-accent-lighter);
|
|
border-radius: calc(12rem / 16);
|
|
}
|
|
|
|
.card:not(.active) {
|
|
display: none;
|
|
}
|