.dp_field_title{
  padding: 10px;
}

/*
 * common
 */
.dp_field_sharebtn {
	 min-width: 50px;
	 padding: 1rem 2rem;
	 text-decoration: none;
	 display: flex;
	 transition: all 0.2s ease-in-out;
}

.dp_field_sharebtn i {
	 font-size: 2em;
	 padding-right: 2em;
	 transition: all 0.3s ease-in-out;
     width: 20px;
}

.dp_field_sharebtn span {
	 align-self: center;
	 transform: translateX(0px);
	 transition: all 0.1s ease-in-out;
	 opacity: 1;
}

.dp_field_sharebtn:active {
	 transform: scale(1);
	 box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.10);
}

.dp_field_sharebtn:hover {
	 transform: scale(1.1);
	 box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.10);
}

.dp_field_sharebtn:hover i {
	 transform: translateX(45px);
	 padding-right: 0;
	 color: #fff;
}

.dp_field_sharebtn:hover span {
	 transform: translateX(30px);
	 opacity: 0;
}

/*
 * instagram
 */

.dp_field_sharebtn-instagram i {
	 color: #df3796;
}

.dp_field_sharebtn-instagram:hover {
	 background: linear-gradient(to right, #ff3019 0%, #c90477 100%);
}


/*
 * facebook
 */
.dp_field_sharebtn-facebook i {
	 color: #286ed6;
}

.dp_field_sharebtn-facebook:hover {
	 background-color: #286ed6;
}

/*
 * whatsapp
 */
.dp_field_sharebtn-whatsapp i {
	 color: #25D366;
}

.dp_field_sharebtn-whatsapp:hover {
	 background-color: #128C7E;
}

/*
 * telegram
 */
.dp_field_sharebtn-telegram i {
	 color: #2AABEE;
}

.dp_field_sharebtn-telegram:hover {
	 background-color: #229ED9;
}

/*
 * email
 */
.dp_field_sharebtn-email i {
	 color: #5f87b4;
}

.dp_field_sharebtn-email:hover {
	 background-color: #164170;
}

/*
 * printer
 */
.dp_field_sharebtn-printer i {
	 color: #5f87b4;
}

.dp_field_sharebtn-printer:hover {
	 background-color: #164170;
}