.tngbh-btn {
font-family: Arial;
font-size: 24px;
color: #1f3c88;
border-style: solid;
border-width: 3px;
border-color: #a6ce39;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 14px 60px 14px 28px;
background: #FFFFFF;
transition: all 0.3s ease;
position: relative;
display: inline-block;
}

.tngbh-btn:after {
content: "";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml;utf8,<svg fill='%231f3c88' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M22 10V7c0-1.1-.9-2-2-2H4C2.9 5 2 5.9 2 7v3c1.1 0 2 .9 2 2s-.9 2-2 2v3c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-3c-1.1 0-2-.9-2-2s.9-2 2-2zm-2 6H4v-2.2c1.2-.7 2-2 2-3.3S5.2 8.9 4 8.2V7h16v1.2c-1.2.7-2 2-2 3.3s.8 2.6 2 3.3V16z'/></svg>");
}

.tngbh-btn:hover {
font-family: Arial;
font-size: 24px;
color: #1f3c88;
border-style: solid;
border-width: 3px;
border-color: #a6ce39;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 14px 60px 14px 28px;
background: #a6ce39;
}