#brx-header {
    position: absolute;
    width: 100%;
    z-index:99;
}

.button {
    text-align: center;
}

.membership-content-type, 
.membership-content-excerpt,
.membership-content-accessible,
.membership-start-date,
.membership-end-date,
.membership-status {
    display: none;
}

.membership-plan,
.membership-content-title {
    width: 80%;
}

.order-actions .button {
    font-size: var(--text-s);
    min-height: 20px;
    margin-bottom: 9px;
}

.shop_table .membership td {
    padding: var(--space-xs) 0;
}

.shop_table .membership {
    border-bottom: 1px solid var(--bricks-border-color);
}

div#customer_login {
    display: grid;
    grid-template-columns: var(--grid-2);
    gap: var(--space-l);
}

div#customer_login > div {
    gap: var(--space-s);
    display: flex;
    flex-direction: column;
}

.woocommerce-account .woocommerce .woocommerce-form-login {
    width: 100%;
    max-width: 100%;
}

form.woocommerce-form.woocommerce-form-register.register {
    padding: 30px;
    border-style: solid;
    border-width: 1px;
}

@media (max-width: 767px) {
    div#customer_login {
        display: grid;
        grid-template-columns: var(--grid-1);
        gap: var(--space-l);
    }
}

@media (max-width: 500px) {
    .order-actions .button {
        width: 100%;
    }
}