<style>
.dropper-widget * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dropper-widget {
	margin: -1.5rem;
	margin-top: -2rem;
	padding: 3em;
	background: #e22672;
	text-align: center;
	border-radius: 0 0 6px 6px;
	position: relative;
	line-height: 0;
	overflow: hidden;
}

.dropper-widget .dropper-kk-logo {
	position: absolute;
	left: 0;
	right: -20px;
	top: 0;
	bottom: -20px;
	background: url({$dropperWidget.kk_logo}) no-repeat bottom right;
	background-size: 207px 335px;
}

.dropper-widget .dropper-logo {
	position: relative;
	max-width: 100%;
	width: 322px;
	height: 169px;
	vertical-align: middle;
	display: inline-block;
	background: url({$dropperWidget.dashboard_logo}) no-repeat center center;
	background-size: contain;
}
</style>

<div class="dropper-widget">
	<a class="dropper-link" href="{$dropperWidget.plugin_link}">
		<div class="dropper-kk-logo"></div>
		<div class="dropper-logo"></div>
	</a>
</div>