.elementor-1762 .elementor-element.elementor-element-257c2d82{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;bottom:4%;--z-index:460;}body:not(.rtl) .elementor-1762 .elementor-element.elementor-element-257c2d82{right:2%;}body.rtl .elementor-1762 .elementor-element.elementor-element-257c2d82{left:2%;}@media(min-width:768px){.elementor-1762 .elementor-element.elementor-element-257c2d82{--width:22%;}}/* Start custom CSS for html, class: .elementor-element-504bf8d8 *//* animação de flutuação */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-4px); }
}

/* Estiliza o <a> como botão */
.Btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 56px;

  background-color: #C62828;
  border: 2px solid #e0e0e0;
  color: #FFF;
  border-radius: 30px;

  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  text-decoration: none;        /* remove sublinhado */

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  z-index: 450;
  overflow: hidden;
  cursor: pointer;

  /* flutuar continuamente */
  animation: float 4s ease-in-out infinite;

  transition:
    width 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    border-radius 0.3s ease,
    padding 0.3s ease,
    justify-content 0.3s ease;
}

/* remover qualquer “flash” rosa de clique/foco */
.Btn:focus,
.Btn:active {
  outline: none;
  background-color: #C62828 !important;
  border-color:  #e0e0e0 !important;
  color:         #FFF !important;
}

/* pausa a animação ao passar o mouse */
.Btn:hover {
  width: 220px;
  height: 46px !important;
  animation-play-state: paused;

  background-color: #B71C1C;
  border-color:     #B71C1C;
  color:            #FFFFFF;
  border-radius:    8px;
  padding:          15px;
  justify-content:  center;
}

.sign {
  flex-shrink: 0;
  width:       30px;
  height:      30px;
  display:     flex;
  align-items: center;
  justify-content: center;
  transition:  padding 0.3s ease;
}

.sign svg {
  width:      27px;
  height:     auto;
  fill:       currentColor;
  transition: fill 0.3s ease, width 0.3s ease;
}

.text {
  margin-left: 0;
  width:       0;
  opacity:     0;
  font-family:'Poppins', sans-serif;
  font-size:  14px;
  font-weight:600;
  color:      inherit;
  white-space: nowrap;

  transition:
    width 0.3s ease,
    opacity 0.3s ease,
    margin-left 0.3s ease;
}

.Btn:hover .sign {
  padding-left: 0;
}

.Btn:hover .text {
  width:       calc(100% - 55px);
  opacity:     1;
  margin-left: 10px;
}

.Btn:hover .sign svg {
  width: 22px; /* leve ajuste */
}/* End custom CSS */