Form trigger incontent VGS

by serg_x

HTML

<div class="form_trigger_incontent_wr">
  <div class="form_trigger_incontent wbg_shaddow">
    <div class="title"><img src="https://webstool.ru/cdn/icon_form_trigger_incontent.png" alt=""><div><span>Закажите</span> звонок</div></div>
    <div class="subtitle">и наш консультант <br>перезвонит вам</div>
    <a href="#callbackform" class="trigger">Заказать звонок</a>
  </div>
</div>

CSS

*{
  box-sizing: border-box;
  font-family: "open Sans";
}
body{
  background-color: #eaeaea;
  padding: 5px;
}
a{
  text-decoration: none;
}
@media (max-width: 600px) {
  body{
    zoom:0.5;
  }
}
.wbg_shaddow {
	background-color: #fff;
	box-shadow: 2px 2px 1px rgba(25, 97, 169, 0.06);
	border-radius: 3px;
}
/***********/
.form_trigger_incontent_wr{
  margin: 45px 0;
}
.form_trigger_incontent{
  display: flex;
  align-items:center;
  padding: 20px 30px;
}
.form_trigger_incontent .title{
  font-size: 23px;
  text-transform: uppercase;
	display: flex;
	align-items: center;
}
.form_trigger_incontent .title span{
  color: #797ff0;
}
.form_trigger_incontent .title img{
  margin-right: 30px;
}
.form_trigger_incontent .subtitle{
  font-size: 12px;
  margin-left: 50px;
}
.form_trigger_incontent .trigger{
	margin-left: auto;
	background-color: #797ff0;
	border: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	border-radius: 3px;
	padding: 7px 18px;
}