.jrn-translation-widget{
	text-align: center;
	width: 100%;
	padding: 10px;
    border-radius: var(--bb-button-radius);
    margin-bottom: 25px;
}

.jrn-translation-widget input{
	width: 100%;
	margin-bottom: 10px;
}

.jrn-translation-widget .header-wrap,
.jrn-translation-widget .footer-wrap{
	margin-bottom: 10px;
}

.jrn-translation-widget .header-wrap{
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.jrn-translation-widget .header-wrap *{
	margin-bottom: 0;
}

.jrn-translation-widget .header-wrap>div{
	padding: 5px;
	width: 33.33%;
}

.jrn-translation-widget .header-wrap .sepa{
	width: 100px;
}

.jrn-translation-widget .btn{
	padding: 4px 20px;
	display: inline-block;
    font-size: 14px;
    padding: 4px 20px;
    border: 1px solid var(--bb-content-border-color);
    border-radius: var(--bb-button-radius);
    color: var(--bb-primary-color);
    background: #fff;
}

.jrn-translate-btn{
	margin-bottom: 10px;
}

.jrn-translation-widget .footer-wrap h3{
	margin-bottom: 0;
}

.jrn-translation-widget .sepa a{
	vertical-align: middle;
	display: inline-block;
	height: 100%;
}

.jrn-translation-widget .sepa svg{
	vertical-align: sub;
}

.jrn-translation-widget .blockMsg{
	background-color: transparent !important;
	border: none !important;
}

@media (max-width: 480px) {
    .jrn-translation-widget h3 {
        font-size: 13px;
    }

    .jrn-translation-widget .header-wrap {
        justify-content: center;
    }

    .jrn-translation-widget .sepa a{
    	font-size: 10px;
    }

    .jrn-translation-widget .header-wrap>div {
	    padding: 0 5px;
	    width: auto;
	}

	.jrn-translate-btn{
		width: 100%;
	}

}