.col-cta a, .cta a{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity));
  background-color:#f8cd46;
}
.col-cta a span,
.cta a span{
  background-color:#f6c015;
}
.col-cta a:hover,
.cta a:hover{
  background-color:#f6c015;
}
.col-cta a:hover .btn-arrow, .cta a:hover .btn-arrow{
  --tw-translate-x:0.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.col-cta a.btn-alt,
.cta a.btn-alt{
  background:linear-gradient(0deg, #000 0, #00c853 0, #00e676 100%);
  transition:background 0.3s ease-out;
}
.col-cta a.btn-alt:hover,
.cta a.btn-alt:hover{
  background:linear-gradient(0deg, #00c853 0, #00c853 100%);
}
.col-cta a.btn-alt:hover .btn-arrow, .cta a.btn-alt:hover .btn-arrow{
  --tw-translate-x:0.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}