.banner-code__outer{
    border-bottom: 1px solid #E1DEDE;
    padding: 30px 0;
}

.banner-code__size{
    padding: 10px 0;
}

.banner-code__size span{
    font-weight: bold;
}


.banner-code__code{
    text-align: right;
}

.banner-code__code-inner .banner-code__code-prefix{
    font-weight: bold;
}

.banner-code__button{
    display: inline-block;
}

.banner-code__button .banner-code__button-before{
    background-color: #F2F0F0;
    cursor: pointer;
    border: none;
    height: 58px;
    padding-top: 20px;
    text-align: center;
    width: 160px;
}

.banner-code__button .banner-code__button-after{
    display: none;
}

.banner-code__button-done .banner-code__button-before{
    display: none;
}

.banner-code__button-done .banner-code__button-after{
    background-color: #579F50;
    border: none;
    color: #ffffff;
    display: block;
    height: 58px;
    padding-top: 18px;
    text-align: center;
    width: 160px;
}

.banner-code__button-after img{
    vertical-align: bottom;
}

.banner-code__code-inner{
    float: left;
    text-align: left;
    width: calc(100% - 170px);
}

.banner-code__picture img{
    max-width: 100%;
}

@media (max-width: 767px) {
    .banner-code__outer{
        text-align: center;
    }

    .banner-code__button{
        margin-top: 30px;
    }

    .banner-code__code{
        text-align: center;
    }

    .banner-code__code-inner{
        float: none;
        text-align: center;
        width: auto;
    }
}