styles.module.css 786 B
.section {
max-width: 980px;
margin: auto;
margin-bottom: 2rem;
}
.title {
text-align: center;
margin: 2rem auto
}
.right {
right: 0;
}
.left {
left: 0;
}
.arrow {
z-index: 5;
cursor: pointer;
border: none;
width: 32px;
aspect-ratio: 1;
border-radius: 50%;
position: absolute;
top: 64px;
margin: 0 18px;
background-color: transparent;
}
.left::after, .right::after {
opacity: 0.4;
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
border: solid var(--ifm-color-primary);
border-width: 0 5px 5px 0;
}
.left:hover::after, .right:hover::after {
opacity: 1;
}
.left::after {
transform: translate(-50%, -50%) rotate(135deg);
}
.right::after {
transform: translate(-50%, -50%) rotate(-45deg);
}