/* Only the wording of the current membership is shown — and read: display:none also takes the
   others out of the accessible name of the button / heading. */
@layer components {
    .panorama-status .panorama-status__text {
        display: none;
    }

    .panorama-status[data-status='none'] [data-for='none'],
    .panorama-status[data-status='pending'] [data-for='pending'],
    .panorama-status[data-status='approved'] [data-for='approved'],
    .panorama-status[data-status='removed'] [data-for='removed'] {
        display: inline;
    }
}
