.zfa-button {
	display: inline-block;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	text-align: center;
	min-width: 160px;
	padding: 12px 24px;
	z-index: 0;
	position: relative;
	margin: 0 5px;
	cursor: pointer;
}
.zfa-button:hover {
	color: #fff;
}
.zfa-button:visited {
  color: #fff;
}
.zfa-button:before {
  content: "";
  background: #10499F;
  border: solid 4px #10499F;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: skewX(-30deg);
  transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.zfa-button:hover:before {
	background-color: #4F96DA;
	border-color: #4F96DA;
}

.zfa-button:after {
  content: "";
  background: #fff;
  border: solid 2px #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  transform: skewX(-30deg);
  z-index: -1;
  opacity: 0;
  transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.zfa-button.button-dark-outlined,
.zfa-button.button-dark-outlined:visited,
.zfa-button.button-dark-outlined:hover {
  color: #10499F;
}
.zfa-button.button-dark-outlined:before {
  background: #fff;
}
.zfa-button.button-light-solid,
.zfa-button.button-light-solid:visited,
.zfa-button.button-light-solid:hover {
   color: #10499F !important;
}
.zfa-button.button-light-solid:before {
  background: #fff;
  border-color: #fff;
}
.zfa-button.button-light-outlined:before {
  background: transparent;
  border-color: #fff;

}

.shortcode-btn + .shortcode-btn {
  margin-top: 10px;
}
.shortcode-btn.align_center {
  text-align: center;
}
.shortcode-btn.align_right {
  text-align: right;
}
.shortcode-btn.align_inline {
  display: inline-block;
}

.shortcode-btn a:hover {
  border-bottom: 0 !important
}