.op3-element[data-op3-element-type="membersubscriptionheader"] {
    &:last-child {
        margin-bottom: 0 !important;
    }

    .op3-element-membersubscriptionheader__children {
        display: grid;
        grid-template-columns: 50% 15% 20% 15%;
        gap: 15px;
        align-items: center;

        .op3-element {
            width: auto !important;
            margin-left: 0 !important;
            margin-right: 0 !important;

            &[data-op3-element-type="text"] {
                margin-bottom: 0px;
            }

            &[data-op3-element-type="button"] {
                flex-basis: 100%;
            }
        }
    }

    .op3-element-membersubscriptionheader__children:has([data-op3-element-spec="membersubscriptionheadercancelbutton"]) {
        grid-template-columns: 35% 15% 20% 15% 1fr;
    }
}