// // accordion.scss // .custom-accordion { .card { + .card { margin-top: 0.5rem; } } a { &.collapsed { i.accor-plus-icon { &:before { content: "\F0415"; } } } } .card-header{ border-radius: 7px; } } .custom-accordion-arrow{ .card{ border: 1px solid $border-color; box-shadow: none; } .card-header{ padding-left: 45px; position: relative; .accor-arrow-icon{ position: absolute; display: inline-block; width: 24px; height: 24px; line-height: 24px; font-size: 16px; background-color: $primary; color: $white; border-radius: 50%; text-align: center; left: 10px; top: 50%; transform: translateY(-50%); } } a { &.collapsed { i.accor-arrow-icon { &:before { content: "\F0142"; } } } } }