/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 16 2021 | 09:55:22 */
/* Mixins */
.bg-gradient1 span, .bg-gradient1:before {
  background: #cc46dd;
  background: -moz-linear-gradient(left, #cc46dd 0%, #b228e0 80%, #b228e0 100%);
  background: -webkit-linear-gradient(left, #cc46dd 0%, #b228e0 80%, #b228e0 100%);
  background: linear-gradient(to right, #cc46dd 0%, #b228e0 80%, #b228e0 100%);
  /* bg shortcodes */ }

.bg-gradient2 span, .bg-gradient2:before {
  background: #44ea76;
  background: -moz-linear-gradient(left, #44ea76 0%, #39fad7 80%, #39fad7 100%);
  background: -webkit-linear-gradient(left, #44ea76 0%, #39fad7 80%, #39fad7 100%);
  background: linear-gradient(to right, #44ea76 0%, #39fad7 80%, #39fad7 100%);
  /* bg shortcodes */ }

.bg-gradient3 span, .bg-gradient3:before {
  background: #fa6c9f;
  background: -moz-linear-gradient(left, #fa6c9f 0%, #ff42fd 80%, #ff42fd 100%);
  background: -webkit-linear-gradient(left, #fa6c9f 0%, #ff42fd 80%, #ff42fd 100%);
  background: linear-gradient(to right, #fa6c9f 0%, #ff42fd 80%, #ff42fd 100%);
  /* bg shortcodes */
  /* General */ }

.wrapper {
  margin: 5% auto;
  text-align: center;
  transform-style: perserve-3d;
  perspecive: 800px; }

a {
  text-decoration: none;
  /* fancy Button */ }
  a:hover, a:focus, a:active {
    text-decoration: none; }

.fancy-button {
  display: inline-block;
  margin: 30px;
  font-family: 'Bergern', sans-serif;
  font-size: 17px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
  position: relative; }
  .fancy-button:before {
    content: '';
    display: inline-block;
    height: 40px;
    position: absolute;
    bottom: -5px;
    left: 30px;
    right: 30px;
    z-index: -1;
    border-radius: 30em;
    filter: blur(20px) brightness(0.95);
    transform-style: preserve-3d;
    transition: all 0.3s ease-out; }
  .fancy-button i {
    margin-top: -1px;
    margin-right: 20px;
    font-size: 1.265em;
    vertical-align: middle; }
  .fancy-button span {
    display: inline-block;
    padding: 18px 60px;
    border-radius: 50em;
    position: relative;
    z-index: 2;
    will-change: transform, filter;
    transform-style: preserve-3d;
    transition: all 0.3s ease-out; }
  .fancy-button:focus, .fancy-button:active {
    color: #fff; }
  .fancy-button:hover {
    color: #fff; }
    .fancy-button:hover span {
      filter: brightness(1.05) contrast(1.05);
      transform: scale(0.95); }
    .fancy-button:hover:before {
      bottom: 0;
      filter: blur(10px) brightness(0.95); }
  .fancy-button.pop-onhover:before {
    opacity: 0;
    bottom: 10px; }
    .fancy-button.pop-onhover:hover:before {
      bottom: -7px;
      opacity: 1;
      filter: blur(20px); }
      .fancy-button.pop-onhover:hover span {
        transform: scale(1.04); }
      .fancy-button.pop-onhover:hover:active span {
        filter: brightness(1) contrast(1);
        transform: scale(1);
        transition: all 0.15s ease-out; }
        .fancy-button.pop-onhover:hover:active:before {
          bottom: 0;
          filter: blur(10px) brightness(0.95);
          transition: all 0.2s ease-out; }