.elementor .animation{transform:translate3d(0px, 8px, 0px);}.elementor .Headline{width:1560px;height:100vh;flex-direction:column;flex:1 0 auto;justify-content:center;}.elementor .studio-btn{/* Base button */
.studio-btn {
position: relative;
display: inline-block;
padding: 16px 32px 16px 20px;    /* right padding leaves room for icon */
border-radius: 40px;
background: #fff;
color: #000;
border: 1px solid #000;
font-weight: 600;
text-transform: uppercase;
overflow: hidden;
transition: background-color .4s ease, color .4s ease;
}

/* Wrapper for text to ensure it stays centred */
.studio-btn .elementor-button-content-wrapper {
position: relative;
z-index: 2;
}

/* Style the icon’s circle */
.studio-btn .elementor-button-icon {
position: absolute;
top: 50%;
right: 12px;               /* initial position on right */
width: 40px;
height: 40px;
border-radius: 50%;
background: #000;          /* black circle */
color: #fff;              /* white arrow */
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-50%) translateX(0);
transition: transform .4s ease, background .4s ease, color .4s ease;
pointer-events: none;     /* prevent clicks on icon */
}

/* Hover: invert colours and slide icon slightly left */
.studio-btn:hover {
background: #000;         /* button turns black */
color: #fff;              /* text turns white */
}

.studio-btn:hover .elementor-button-icon {
background: #fff;         /* icon circle turns white */
color: #000;              /* arrow turns black */
transform: translateY(-50%) translateX(-14px);  /* slide left (~14px) */
}\n}.elementor .floating-button{selector {
  --height: 400px;
  --bottom: -300px;
  overflow: hidden !important;
}
selector .floating-button{

  bottom: 0;
  transition: .5s ease-in-out;
}

/*Hover Hide/Show CSS*/
selector .floating-button{
  bottom: var(--bottom);
}
selector:hover .floating-button{
  bottom: 0px;
}\n}