.btn-style1 {
  position: relative;
  border-color: white;
  color: color;

  &:hover {
    transform: translateY(-0.25em);
    border-color: white;
    color: white;

    &::before {
      opacity: 1;
    }
  }

  &::before {
    width: 100%;
    height: 1em;
    position: absolute;
    left: 0;
    bottom: -1.35em;
    background: radial-gradient(ellipse at center,
        rgba(0, 0, 0, 0.35) 0%,
        rgba(0, 0, 0, 0) 80%);
    opacity: 0;
    transition: all 0.65s;
    content: "";
  }
}
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
  background-color: white !important;
  border: 2px solid white !important;
  color: #163B81;
}
.btn-blue,
.btn-blue:hover,
.btn-blue:active,
.btn-blue:visited {
  background-color: #163B81 !important;
  border: 2px solid #163B81 !important;
  color: white;
}
.btn-green,
.btn-green:hover,
.btn-green:active,
.btn-green:visited {
  background-color: #0F4E14 !important;
  border: 2px solid #0F4E14 !important;
  color: white;
}
.btn-orange,
.btn-orange:hover,
.btn-orange:active,
.btn-orange:visited {
  background-color: #EE5C09 !important;
  border: 2px solid #EE5C09 !important;
  color: white;
}
.btn-greenv,
.btn-greenv:hover,
.btn-greenv:active,
.btn-greenv:visited {
  background-color: #037B7F !important;
  border: 2px solid #037B7F !important;
  color: white;
}
