Modern Slice 2-Pc Sectional

.pa-desc { font-family: inherit; line-height: 1.5; }
.pa-desc ul { margin: 0 0 1em 1.25em; padding: 0; }
.pa-desc hr { border: 0; border-top: 1px solid #e5e5e5; margin: 1em 0; }
.pa-desc details { border-bottom: 1px solid #e5e5e5; }
.pa-desc details:first-of-type { border-top: 1px solid #e5e5e5; }
.pa-desc details > summary { list-style: none; cursor: pointer; padding: 1em 0; font-size: 1.05em; font-weight: 600; display: flex; align-items: center; justify-content: space-between; user-select: none; transition: color .2s ease; }
.pa-desc details > summary::-webkit-details-marker { display: none; }
.pa-desc details > summary::after { content: “”; width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); margin-left: 1em; transition: transform .25s ease; }
.pa-desc details[open] > summary::after { transform: rotate(-135deg) translateY(-2px); }
.pa-desc details > summary:hover { color: #555; }
.pa-desc .pa-panel { padding: 0 0 1em; overflow: hidden; }
.pa-desc details[open] .pa-panel { animation: paSlide .28s ease-out; }
@keyframes paSlide { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.pa-desc .pa-panel p { margin: 0 0 .75em; }
.pa-desc .pa-panel p:last-child { margin-bottom: 0; }