.safe-membership-note {
    margin: 20px 0 0;
    color: #6b7783;
    font-size: 12px;
}

/* Base action button rules */
.safe-membership-action {
    display: inline-block;
    width: 100%;
    padding: 10px 8px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
}

    .safe-membership-action:focus {
        outline: 3px solid #ffffff;
        outline-offset: 2px;
        box-shadow: 0 0 0 5px rgba(48, 74, 107, 0.75);
    }

/* Express */
.safe-membership-action-express {
    border-color: #1976b9;
    background-color: #1976b9;
    color: #ffffff;
}

    .safe-membership-action-express:hover,
    .safe-membership-action-express:focus {
        border-color: #125b8e;
        background-color: #125b8e;
        color: #ffffff;
    }

/* Silver */
.safe-membership-action-silver {
    border-color: #46a46b;
    background-color: #46a46b;
    color: #ffffff;
}

    .safe-membership-action-silver:hover,
    .safe-membership-action-silver:focus {
        border-color: #357f52;
        background-color: #357f52;
        color: #ffffff;
    }

/* Gold */
.safe-membership-action-gold {
    border-color: #a66b08;
    background-color: #a66b08;
    color: #ffffff;
}

    .safe-membership-action-gold:hover,
    .safe-membership-action-gold:focus {
        border-color: #805106;
        background-color: #805106;
        color: #ffffff;
    }

/* Platinum */
.safe-membership-action-platinum {
    border-color: #31236e;
    background-color: #31236e;
    color: #ffffff;
}

    .safe-membership-action-platinum:hover,
    .safe-membership-action-platinum:focus {
        border-color: #23194f;
        background-color: #23194f;
        color: #ffffff;
    }