Description

M-Cube
.jump-heading {
font-size: 18px;
font-weight: 700;
}
.chapters-wrap {
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: 8px;
margin-top:5px;
}
.chapter-items {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
text-decoration: none;
padding: 6px 12px;
border: 1px solid #333333;
border-radius: 100px;
cursor: pointer;
}
.chapter-icon {
flex: 0 0 16px;
width: 16px;
}
.chapter-icon svg {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.chapter-title {
font-size: 16px;
}
@media (max-width:440px) {
.jump-heading {
font-size: 16px;
}
.chapters-wrap {
row-gap: 6px;
column-gap: 4px;
margin-top:2px;
}
.chapter-items {
gap: 4px;
padding: 2px 6px;
}
.chapter-icon {
flex: 0 0 12px;
width: 12px;
}
.chapter-title {
font-size: 14px;
}
}