.wp-block-button a {
    transition: 0.3s;
}

.wp-block-button a:hover {
    opacity: 0.8;
    transform: scale(1.05);
    transform-origin: center;
}

/** SVG DRAWS **/

mark,
mark .has-primary-color {
    position: relative;
    color: inherit !important;
}


mark .tau-svg-draw,
mark > div {
    position: absolute;
    top: 0px;
    right: 0;
    left: -0;
    bottom: 0;
    width: 100%;
    object-fit: fill;
    margin: 0 auto;
    transform: scale(1.2, 1.7);
}

mark svg {
    width: 100%;
    height: 100%;
}

mark svg path {
    stroke: currentColor !important;
}

 svg .svg-elem-1 {
    stroke-dashoffset: 1510px;
    stroke-dasharray: 1510px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                          fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
            transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }
  
  svg.active .svg-elem-1 {
    stroke-dashoffset: 0;
  }
  
  svg .svg-elem-2 {
    stroke-dashoffset: 1510px;
    stroke-dasharray: 1510px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                          fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
            transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }
  
  svg.active .svg-elem-2 {
    stroke-dashoffset: 0;
  }
  
  svg .svg-elem-3 {
    stroke-dashoffset: 1306.30908203125px;
    stroke-dasharray: 1306.30908203125px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                          fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
            transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }
  
  svg.active .svg-elem-3 {
    stroke-dashoffset: 0;
  }
  
  svg .svg-elem-4 {
    stroke-dashoffset: 1306.30908203125px;
    stroke-dasharray: 1306.30908203125px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                          fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
            transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }
  
  svg.active .svg-elem-4 {
    stroke-dashoffset: 0;
  }