text P&S按钮动画

Posted 2021-05-02

.front .products-services .media-object-section {
  margin: 0 0 2rem 0;
  background: white;
  padding: 1.25rem .25rem 2rem .25rem;
  -moz-transition: all .3s cubic-bezier(.44,.13,.48,.87);
  -o-transition: all .3s cubic-bezier(.44,.13,.48,.87);
  -webkit-transition: all .3s cubic-bezier(.44,.13,.48,.87);
  transition: all .3s cubic-bezier(.44,.13,.48,.87);
  -webkit-box-shadow: 0 25px 50px 0 rgba(0,0,0,.05);
  -moz-box-shadow: 0 25px 50px 0 rgba(0,0,0,.05);
  box-shadow: 0 25px 50px 0 rgba(0,0,0,.05);
}

.front .products-services .media-object-section:hover .button--primary{
  margin-top: 10px; 
}

.front .products-services .media-object-section .button--primary{
  -moz-transition: all .3s cubic-bezier(.44,.13,.48,.87);
  -o-transition: all .3s cubic-bezier(.44,.13,.48,.87);
  -webkit-transition: all .3s cubic-bezier(.44,.13,.48,.87);
  transition: all .3s cubic-bezier(.44,.13,.48,.87);
}
    
.front .products-services .icon {
  line-height: 1;
  color: #3e63ae!important;
}