.emts-button { font-family: var( --e-global-typography-text-font-family ), Sans-serif !important; font-weight: var( --e-global-typography-text-font-weight ) !important; background-color: transparent; border-style: solid; border-width: 1px 1px 1px 1px; border-color: var(--e-global-color-primary); font-size: 18px; padding: 25px 50px; border-radius: 20px; line-height: 1; color: white; display: inline-flex; align-items: center; position: relative; overflow: hidden !important; }
.emts-button:hover { border-color: var(--primarycolor); color: var(--accenttxtcolor); }
.ripple-effect { position: absolute; width: 20px; height: 20px; background: rgba(var(--primarycolorRgba)); border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%) scale(0); animation: ripple-fill 0.4s linear forwards; z-index: -1; }
@keyframes ripple-fill { to { transform: translate(-50%, -50%) scale(30); opacity: 1; filter: blur(1px); } }
.ripple-out { animation: ripple-scale-out 0.4s linear forwards; }
@keyframes ripple-scale-out { from { transform: translate(-50%, -50%) scale(30); } to { transform: translate(-50%, -50%) scale(0); } }