/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Child theme per il tema Hello Elementor.
Author: Nicolò Puglisi
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementor-child
*/

/* Incolla il tuo CSS personalizzato qui sotto, se necessario */



/* stile CTA */
.std-cta a{
  --glass-x: 50%;
  --glass-y: 50%;
  position: relative;
  display: inline-block;
  isolation: isolate;
  overflow: hidden;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #ffffff;
  text-decoration: none;
  padding: 17px 40px;
  border-radius: 40px;
  white-space: nowrap;

  background:
    radial-gradient(120px 120px at var(--glass-x) var(--glass-y), rgba(255, 255, 255, 0.45), transparent 70%), linear-gradient(135deg, #ff0000, #7d0000);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(255,255,255,0.5);

  box-shadow:
    0 10px 26px rgba(206,5,61,0.30),
    0 3px 10px rgba(0,0,0,0.10),
    inset 0 1px 1px rgba(255,255,255,0.6),
    inset 0 -12px 20px -10px rgba(120,3,38,0.7);

  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
              box-shadow 0.5s ease,
              border-radius 0.6s ease,
              letter-spacing 0.4s ease;
}
.std-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    115deg,
    transparent,
    rgba(255,255,255,0.6),
    transparent
  );
  transform: skewX(-20deg);
  transition: left 0.9s ease;
  pointer-events: none;
}

.std-cta a:hover::before {
  left: 130%;
}

.std-cta a:hover {
  transform: translateY(-3px) scale(1.03);
  letter-spacing: 0.05em;
  animation: bc-liquid-wobble 2.4s ease-in-out infinite;
  box-shadow:
    0 16px 36px rgb(255 0 0 / 40%), 0 4px 14px rgba(0, 0, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.7), inset 0 -14px 24px -8px rgb(255 0 0 / 80%), 0 0 0 6px rgba(206, 5, 61, 0.12)
}