:root {
  --G2-AI-Gradient: linear-gradient(307deg, rgba(87, 70, 178, 0.70) 14.06%, #FF492C 87.52%);
}
.cm-veera-popup .g2-modal iframe {
  height: calc(100vh - 87px);
}

.cm-veera-popup .g2-modal-close {
  top: 0;
  right: 5px;
  width: 19px;
  height: 25px;
}

.cm-veera-popup .g2-modal{
  max-width: 80%; 
  max-height: 100%;
  padding: 18px;
  opacity:0;
  visibility:hidden;
  display:block;
  transition:0.4s ease opacity;
}
.cm-veera-popup .g2-modal::backdrop {
  opacity: 0.8;
  background-color: black;
}
.cm-veera-popup dialog[open]{
  opacity:1;
  visibility:visible;
  transition:0.3s ease opacity;
}

.cm-veera-popup .g2-modal:before {
  display: none;
}

a.cm-amma-btn:hover {
  color: #fff;
  background: linear-gradient(307deg, rgba(87, 70, 178, 0.70) 14.06%, #FF492C 87.52%), #FFF;
}
a.cm-amma-btn:hover svg * {
  fill: #fff;
}
a.cm-amma-btn svg * {
  fill: #FF492C;
}

a.cm-amma-btn {
  color: #5746B2;
  display: flex;
  width: 324px;
  align-items: center;
  justify-content: center;
  border-radius: 72.889px;
  background: #FFF;
  padding: 25px 51px;
  margin-top: 40px;
  text-decoration: none;
  position:relative;
  transition:none;
}
a.cm-amma-btn:hover:before{
  display:none; 
}
a.cm-amma-btn:before{
  background: var(--G2-AI-Gradient);
  border-radius: 72.889px;
  content: "";
  inset: 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 3px;
  position: absolute;
  z-index: -1;
}
a.cm-amma-btn:hover{
  color:#fff;
  text-decoration:none;
}

a.cm-amma-btn svg {
  width: 24px;
  height: 24px;
  margin-right:10px
}

@media (max-width:767px){
  .cm-veera-popup .g2-modal{
    calc(100% - 40px)
  } 
}