ul { &.personalized-page-list-block{ &:last-child{ margin-bottom: $md-space; } list-style: none; padding: 0; margin-bottom: 0px; .personalized-page-list-block-header{ display: flex; flex-direction: row; cursor: pointer; justify-content: space-between; padding: $xs-space 0 $xs-space 0; border-top: 1px solid $grey-border; h3{ margin-bottom: 0px; } .arrow_up_down{ display: flex; flex-direction: row; align-items: center; justify-items: center; text-decoration: none; transform: rotate(0deg); transform-origin: center; transition: all 0.3s ease-in-out; will-change: transform; &:hover{ text-decoration: none; } &.opened{ transform: rotate(180deg) } i{ font-size: 32px; line-height: 32px; } } } .inner { border-top: 1px solid $grey-border; overflow: hidden; display: none; list-style: none; padding: $sm-space; background-color: $bg-grey; &.show { /*display: block;*/ } } li { margin: .5em 0; a.toggle { width: 100%; display: block; background: rgba(0,0,0,0.78); color: #fefefe; padding: .75em; border-radius: 0.15em; transition: background .3s ease; will-change: transform; &:hover { background: rgba(0, 0, 0, 0.9); } } } } } .single-link { border-top: 1px solid $grey-border; &:first-child{ border-top: none; } &:last-child { border-bottom: 1px solid $grey-border; } a { display: block; padding: 20px 0; } } .pagelistblock{ margin-bottom: $md-space; }