/******* Do not edit this file *******
Code Snippets Manager
Saved: Aug 01 2025 | 12:34:53 */
.dynamic_button_white a {
  position: relative;
  overflow: hidden;
  display: inline-block;
  transform: translateZ(0);
  background-color: white;
  /* white background */
  color: #646464;
  /* default text color */
  text-decoration: none;
}
.dynamic_button_white a .elementor-button-text {
  color: #646464;
  transition: transform 0.3s ease, top 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 2;
}
.dynamic_button_white a:hover .elementor-button-text {
  color: white;
}
.dynamic_button_white a .blob {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  pointer-events: none;
  transform: scale(0);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
  background: #646464;
}
.dynamic_button_white a[data-direction="top"] .blob {
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(0);
}
.dynamic_button_white a[data-direction="right"] .blob {
  right: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
}
.dynamic_button_white a[data-direction="bottom"] .blob {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) scale(0);
}
.dynamic_button_white a[data-direction="left"] .blob {
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
}
.dynamic_button_white a:hover .blob {
  opacity: 1;
}
.dynamic_button_white a[data-direction="top"]:hover .blob {
  transform: translateX(-50%) scale(10);
}
.dynamic_button_white a[data-direction="right"]:hover .blob {
  transform: translateY(-50%) scale(20);
}
.dynamic_button_white a[data-direction="bottom"]:hover .blob {
  transform: translateX(-50%) scale(10);
}
.dynamic_button_white a[data-direction="left"]:hover .blob {
  transform: translateY(-50%) scale(20);
}