.twin-disclosure {
    .twin-sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .twin-custom-disclosure {
        position: relative;
    }

    .twin-custom-disclosure-trigger {
        background-color: #D9D9D9;
        border: 1px solid rgba(0,0,0,.42);
        border-radius: 4px;
        padding: 0.5em 1em;
    }

    .twin-open .twin-custom-disclosure-trigger {
        background-color: #0067b8;
        border-color: #0067b8;
        color: #fff;
    }

    .twin-custom-disclosure-popup {
        background-color: #f6f6f6;
        border: 1px solid rgba(0,0,0,.42);
        border-radius: 4px;
        display: none;
        position: absolute;
        z-index: 2;
    }

    .twin-open .twin-custom-disclosure-popup {
        display: block;
    }

    .twin-close-custom-disclosure {
        background: transparent;
        border: transparent;
        height: 1.5em;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 1.5em;
    }

    .twin-close-custom-disclosure::before,
    .twin-close-custom-disclosure::after {
        content: "";
        border-top: 1px solid #000;
        left: 0.25em;
        position: absolute;
        width: 1em;
        transform: rotate(45deg);
    }

    .twin-close-custom-disclosure::after {
        transform: rotate(-45deg);
    }
}