.phone-holder {
  position: relative;
  display: block;
  height: 10rem;
}
.phone
{
  background: url(/sites/default/files/theme/phone-icon-orange.svg) left bottom no-repeat var(--light);
  background-size: contain;
  border: solid 2px #dc5431;
  font-weight: 400;
  font-size:1.4rem;
  padding-left: 90px;
  top:-50px;
  left: 50%;
  transform: translate(-50%,50%);
  padding: 1rem 1rem 1rem 6rem;
  margin: 1rem 0;
  border-radius: 5px;
  /*color: #12483C;;*/
  position: absolute;
  height: 6rem;
  line-height: 4rem;
  min-width: 360px;
}
@media only screen and (max-width: 1100px) {
	.phone {
		left:50%;
	}
}
.phone:hover {
	background-color:var(light);
  border: solid 3px #dc5431;
	color:var(--primary);
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);	
}