* {
    box-sizing: border-box;
}
body {
    margin: 0;
}
.badges{
    padding-top:20px;
    padding-right:20px;
    padding-bottom:20px;
    padding-left:20px;
}
.badge{
    transform: scale(.80);
    width:340px;
    font-family:Helvetica, serif;
    background-color:white;
    margin-bottom:30px;
    box-shadow:0 0 2px 2px 0px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    font-weight:100;
    overflow-x:hidden;
    overflow-y:hidden;
    text-align:center;
    margin: 0 auto;
}
.title{
    font-size:1.4em;
    margin-bottom:5px;
    left:-100px;
    color:#409CD4;
}
.message{
    color:rgb(119, 119, 119);
    font-size:1em;
    margin-bottom:25px;
}
.badge-play{
    width:81px;
    height:81px;
    border-top-left-radius:100%;
    border-top-right-radius:100%;
    border-bottom-right-radius:100%;
    border-bottom-left-radius:100%;
    box-shadow:0 0 1px 1px 0px;
    margin-top:-64px;
    right: 20px;
    top: 32px;
    position: absolute;
}
.badge-body{
    margin-top:15px;
    margin-right:10px;
    margin-bottom:35px;
    margin-left:10px;
}
.disclaimer-foot{
    color:rgb(255, 255, 255);
    background-color:#409CD4;
    padding-top:8px;
    padding-bottom:8px;
    display:flex;
    position:relative;
}
.top-image{
    color:black;
    left:-110px;
    position:relative;
    width:54px;
    height:54px;
}
.img-badge{
    color:black;
    width: 29%;
    margin-bottom: 20px;
}
.msg-footer{
    padding:10px;
    position:relative;
    text-transform:uppercase;
}

.badge-head{
    border-bottom:solid 1px #ccc;
    padding: 10px 0;

}

.top-image-rtl{
    color:black;
    right:-110px;
    position:relative;
    width:54px;
    height:54px;
}

.msg-footer-rtl{
    padding:10px;
    position:relative;
    right:-50px;
    text-transform:uppercase;
}

.badge-play-rtl{
    width:81px;
    height:81px;
    border-top-left-radius:100%;
    border-top-right-radius:100%;
    border-bottom-right-radius:100%;
    border-bottom-left-radius:100%;
    box-shadow:0 0 1px 1px 0px;
    margin-top:-64px;
    left: 20px;
    top: 32px;
    position: absolute;
}

@media (max-width: 480px){
    .badge-play{
        height:64px;
        width:61px;
    }
    .badge-name{
        border:3px #409CD4;
    }
    .top-image{
        left:-120px;
    }
    .msg-footer{
        left:10px;
    }
    .badge-play-rtl{
        height:64px;
        width:61px;
    }
    .top-image-rtl{
        right:-120px;
    }
    .msg-footer-rtl{
        left:102px;
    }
}