a.button.secondary.lowercase {
    position: relative;
    overflow: hidden;
    background: #ffffff33;
    color: #fff;
    padding: 4px 24px;
    border-radius: var(--box-radius-lg);
    transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
    z-index: 0;
    border: 1px solid rgba(255, 255, 255, 0.15);
    
}

a.button.secondary.lowercase:hover{
  transform: translateY(-2px);
}

a.button.primary.lowercase{
  position: relative;
  overflow: hidden;
  background: #3fa03b;
  color: #fff;
  box-shadow: 0 4px 15px rgba(63,160,59,.30), 0 0 0 0 rgba(63,160,59,0);
  padding: 4px 24px;
  border-radius: var(--box-radius-lg);
  transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
  z-index: 0;
}
a.button.primary.lowercase::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #40bf3c, #3fa03b);
  opacity: 0;
  transition: opacity .25s ease-in-out;
  z-index: -1;
}
a.button.primary.lowercase:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(63,160,59,.37), 0 4px 10px rgba(0,0,0,.12);
}
a.button.primary.lowercase:hover::before{
  opacity: 1;
}
a.button.primary i.icon-angle-right{
  display: inline-block;
  color: #fff !important;
  transform: translateX(0);
  transition: transform 0.25s ease-in-out;
}

a.button.primary:hover i.icon-angle-right{
  transform: translateX(5px);
}

a.button.white.lowercase {
    margin: 0px ! IMPORTANT;
    border: none;
    padding: 0px !important;
    color: #0a1e12 !important;
    border-bottom: 1px solid #0a1e12;
    display: inline;
    padding-bottom: 3px ! IMPORTANT;
    font-size: var(--p-size-sm);
}