.elementor-3774 .elementor-element.elementor-element-17195e1{--display:flex;--min-height:100px;}body:not(.rtl) .elementor-3774 .elementor-element.elementor-element-156d9be{left:0px;}body.rtl .elementor-3774 .elementor-element.elementor-element-156d9be{right:0px;}.elementor-3774 .elementor-element.elementor-element-156d9be{top:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-3774 .elementor-element.elementor-element-ece0d46{left:0px;}body.rtl .elementor-3774 .elementor-element.elementor-element-ece0d46{right:0px;}.elementor-3774 .elementor-element.elementor-element-ece0d46{top:0px;}body:not(.rtl) .elementor-3774 .elementor-element.elementor-element-bba73cd{left:0px;}body.rtl .elementor-3774 .elementor-element.elementor-element-bba73cd{right:0px;}.elementor-3774 .elementor-element.elementor-element-bba73cd{top:0px;}@media(max-width:767px){.elementor-3774 .elementor-element.elementor-element-17195e1{--content-width:100px;--min-height:100px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3774 .elementor-element.elementor-element-156d9be.elementor-element{--align-self:center;}.elementor-3774 .elementor-element.elementor-element-156d9be{z-index:50;}.elementor-3774 .elementor-element.elementor-element-ece0d46{width:100%;max-width:100%;text-align:center;}.elementor-3774 .elementor-element.elementor-element-ece0d46.elementor-element{--align-self:center;}.elementor-3774 .elementor-element.elementor-element-ece0d46 img{width:100%;}}/* Start custom CSS for html, class: .elementor-element-156d9be */.btn-fixo{
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
  z-index: 60;
  background: rgba(255, 0, 0, 0.20);
  border: 2px solid red;
  border-radius: 18px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ece0d46 */.elementor-3774 .elementor-element.elementor-element-ece0d46{
  z-index: 30;
  cursor: pointer;
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.elementor-3774 .elementor-element.elementor-element-ece0d46.sumindo{
  opacity: 0;
  transform: scale(0.98);
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bba73cd */video-convite-wrapper/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17195e1 */#camada-video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease;
  background: transparent;
}

#camada-video.ativo{
  opacity: 1;
  visibility: visible;
}

#videoConvite{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#carta{
  cursor: pointer;
  transition: opacity 1.45s ease, transform 0.45s ease;
}

#carta.sumindo{
  opacity: 0;
  transform: scale(0.98);
  pointer-events: none;
}
#camada-botoes{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
}

.btn-fixo{
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
  z-index: 60;
  background: transparent;
  border-radius: 18px;
}

/* botão 1 */
.btn-confirmacao{
  left: 30.7%;
  top: 77.8%;
  width: 19%;
  height: 12%;
}

/* botão 2 */
.btn-local{
  left: 50.3%;
  top: 77.8%;
  width: 19%;
  height: 12%;
}

/* botão 3 */
.btn-presente{
  left: 69.3%;
  top: 78.8%;
  width: 19%;
  height: 12%;
}

.btn-fixo{
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
  z-index: 60;
  background: rgba(255, 0, 0, 0.20);
  border: 2px solid red;
  border-radius: 18px;
}/* End custom CSS */