/*
 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
*/

.stabilo {
  position: relative;
  display: inline-block;
}

.stabilo::before {
  content: '';
  position: absolute;
  bottom: 2px;
  left: -6px;
  width: 0;
  height: 13px;
  background: #E85617;
  border-radius: 2px;
  z-index: -1;
  transform: rotate(-0.8deg) skewX(-3deg);
  transform-origin: left center;
  animation: stabilo-draw 0.55s linear 0.3s forwards;
}

@keyframes stabilo-draw {
  0%   { width: 0; opacity: 0; }
  5%   { opacity: 1; }
  100% { width: calc(100% + 12px); }
}