@import "logo";

.jp-card-logo.jp-card-maestro {
    // display: none;
    $blue: #EB001B;
    $red: #00A2E5;
    $offset: 0;
    color: white;
    font-style: normal;
    text-transform: lowercase;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    line-height: $mastercard-family-name-height;
    z-index: 1;
    text-shadow: 1px 1px rgba(0, 0, 0, .6);
    &:before, &:after {
        content: " ";
        display: block;
        width: $logo-height;
        top: 0;
        position: absolute;
        height: $logo-height;
        border-radius: $logo-height / 2;
    }

    &:before {
        left: $offset;
        background: $blue;
        z-index: -2;
    }

    &:after {
        right: $offset;
        background: $red;
        z-index: -1;
        opacity: 0.8;
    }
}