.small-box-parent{
  position: relative;
}

.white-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background-color: white !important;
}


.button-business-red-default {
  background-color: white;
  border: none;
  color: #e74d57;
  padding: 2px 11px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

.texts{
  font-family: 'Poppins', sans-serif; 
  color:white;
}

.da-icons{
  color:white;
}


.slideybutton {
  background-size: 200% 100%;
  background-image: linear-gradient(to right,  #e74d57 50%, white 50%);
  transition: background-position 0.2s linear, color 0.2s linear;
}


.slideybutton:hover {
  background-position: 100% 0;
  color: white ; 
}

.slideybutton:hover .button-business-white{
  background-color: white;
  color: #e74d57 ; 
}

.slideybutton:hover .button-business-red-default{
  background-color: #e74d57;
  color: white ; 
  transition: 0.5s;
}

.slideybutton:hover .texts{
  color: #e74d57 ; 
  transition: 0.9s;
}

.slideybutton:hover .da-icons{
  color:#e74d57 ;
  transition: 0.9s;
}

.slideybutton:hover .white-box {
  background-color: #e74d57 !important;
  transition: 1s !important;
}



.icon-phone {
  -moz-transform: rotate(267deg) !important;
  -webkit-transform: rotate(267deg) !important;
  -o-transform: rotate(267deg) !important;
  -ms-transform: rotate(267deg) !important;
  transform: rotate(4deg) !important;
  width: 3rem;
  height: 3rem;
  color: red;
  margin: 10px;
  padding: 12px;
  background-color: #ffffff;
  border-radius: 999px;
}