Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /proc/thread-self/cwd/wp-content/plugins/uicore-framework/includes/extra/style/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<?php
defined('ABSPATH') || exit();
//INCLUDED IN CLASS CSS

if($json_settings['button_interaction'] === "text flip"){
    $css .= "
    .ui-btn-anim-wrapp .elementor-button-text:nth-child(2) {
        display: inline-block;
        position: absolute;
        width:100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 80%);
        opacity: 0;
    }
    
    .elementor-animation-flip:hover .ui-btn-anim-wrapp .elementor-button-text:nth-child(2) {
        transform: translate(-50%, 100%);
        opacity: 1;
    }
    
    .ui-btn-anim-wrapp {
        display: inline-block;
        order: 10;
    }
    
    .elementor-animation-flip:hover .ui-btn-anim-wrapp {
        transform: translateY(-150%);
    }
    
    .elementor-animation-flip:hover .elementor-button-text:nth-child(1) {
        opacity: 0;
    }
    
    .elementor-animation-flip .ui-btn-anim-wrapp, .elementor-animation-flip .ui-btn-anim-wrapp .elementor-button-text  {
        transition: opacity .6s, transform .8s;
        transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
    }
    
    .elementor-animation-flip {
        position: relative;
    }
    ";
  }
  if($json_settings['button_interaction'] === "float"){
    $css .= "
    .elementor-animation-float:hover {
        transform: translateY(-10px);
    }
    ";

  }

  $css .= $this->shadow($json_settings['button_shadow'],$btn_css_selector);