/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.creative__btn {
  align-items: center;
  border-width: 0;
  color: var(--bricks-text-dark);
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  letter-spacing: .5px;
  text-align: center;
}

.btn-label,
.btn-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  overflow: clip;
  transition: all 0.2s ease;
}

.btn-label:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 0;
  left: 0;
  background-color: currentColor;
  mix-blend-mode: difference;
  transition: all 0.2s ease;
}

.creative__btn:hover .btn-label:before {
  content: '';
  height: 100%;
  width: 100%;
}


.creative__btn:hover .btn-icon {
  transform: rotate(45deg);
}