.radial-button {
   position: relative;
   overflow: hidden;
   border: none!important;
}

.radial-button i {
   position: relative;
   z-index: 2;
}

.primary.radial-button::before {
   background: #FD840B;
}

.secondary.radial-button::before {
   background: #FBEA2B;
}

.tertiary.radial-button::before {
   background: #F5F5F5;
}

.radial-button::before {
   content: "";
   width: 10px;
   height: 10px;
   position: absolute;
   bottom: -25%;
   border-radius: 100%;
   opacity: 1;
  transition: transform 0.4s;
}

.radial-button .fusion-button-text {
   font-family: 'Itau Text - Bold', 'Inter', sans-serif;
   font-size: 16px;
   text-transform: none!important;
   white-space: nowrap;
   letter-spacing: 0px!important;
   position: relative;
   z-index: 2;
}

.small.radial-button .fusion-button-text {
   font-size: 14px;
}

.radial-button:hover::before {
   transform: scale(2200%);
}

.fusion-button-default-span.radial-button::before,
.fusion-button-span-yes.radial-button::before {
  transition: transform 0.6s;

}

.fusion-button-default-span.radial-button:hover::before,
.fusion-button-span-yes.radial-button:hover::before {
   transform: scale(6200%);
}