%action-group label:first-of-type { @extend %toggle-button; } %action-group input[type='radio']:checked + label:first-of-type { /* frame-gray */ background-color: $gray-050; } %action-group label, %action-group-action { cursor: pointer; } %action-group label:first-of-type::after { @extend %with-more-horizontal-icon, %as-pseudo; opacity: 0.7; } %action-group ul { border: $decor-border-100; border-radius: $radius-small; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.21); } %action-group ul::before { border-top: $decor-border-100; border-left: $decor-border-100; } %action-group ul, %action-group ul::before { border-color: $color-action; } %action-group-action { background-color: $white; } %action-group-action:hover { @extend %frame-blue-800; } %action-group ul, %action-group ul::before { background-color: $white; }