/**
 * @file
 * Styles for Bootstrap Barrio's image buttons.
 */

.image-button.is-disabled:hover,
.image-button.is-disabled:active,
.image-button.is-disabled:focus,
.image-button.is-disabled {
  background: transparent;
  opacity: 0.5;
  cursor: default;
}









.animated-button {
  position: relative;
  overflow: hidden;
  transition: background-color 0.4s, color 0.4s;
}

.animated-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300%;
  height: 300%;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.4s, opacity 0.4s;
  opacity: 0;
}

.animated-button:hover::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.animated-button:hover {
  color: #fff;
  background-color: #007bff;
}