.premium-button-text-icon-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.premium-image-button:not(.premium-button-style8),[class*=premium-button-style]:not(.premium-button-style8) {
    overflow: hidden
}

.premium-button-style1,.premium-button-style2,.premium-button-style5,.premium-button-style7 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.premium-button-style1:before,.premium-button-style2:before,.premium-button-style5:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.premium-button-style5-radialin:before,.premium-button-style5-radialout:before {
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.premium-button-style5-radialin:before {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2)
}

.premium-button-style5-rectin:before {
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.premium-button-style5-rectout:before {
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.premium-button-style5-rectout:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.premium-button-style5-rectin:hover:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.premium-button-style5-radialout:hover:before {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2)
}

.premium-button-style5-radialin:hover:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.premium-button-style1-top:before {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.premium-button-style1-right:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.premium-button-style1-left:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.premium-button-style2-scshutoutver:before,.premium-button-style2-shutouthor:before {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.premium-button-style2-scshutouthor:before,.premium-button-style2-shutoutver:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.premium-button-style2-shutinhor:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%
}

.premium-button-style2-shutinver:before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%
}

.premium-button-style1-bottom:hover:before,.premium-button-style1-top:hover:before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.premium-button-style1-left:hover:before,.premium-button-style1-right:hover:before,.premium-button-style2-shutouthor:hover:before,.premium-button-style2-shutoutver:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.premium-button-style2-shutinhor:hover:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.premium-button-style2-shutinver:hover:before {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.premium-button-style2-scshutouthor:hover:before {
    -webkit-transform: scaleX(.9);
    -ms-transform: scaleX(.9);
    transform: scaleX(.9)
}

.premium-button-style2-scshutoutver:hover:before {
    -webkit-transform: scaleY(.8);
    -ms-transform: scaleY(.8);
    transform: scaleY(.8)
}

.premium-button-style2-dshutinhor:before {
    top: 50%;
    left: 50%;
    width: 120%;
    height: 0%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: all;
    transition-property: all
}

.premium-button-style2-dshutinver:before {
    top: 50%;
    left: 50%;
    width: 120%;
    height: 0%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.premium-button-style2-dshutinhor:hover:before,.premium-button-style2-dshutinver:hover:before {
    height: 220%
}

.premium-button-style6 {
    position: relative
}

.premium-button-style6:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.premium-button-style6:hover:before {
    -webkit-transform: translate(-50%,-50%) scale(3);
    -ms-transform: translate(-50%,-50%) scale(3);
    transform: translate(-50%,-50%) scale(3)
}

.premium-button-style6>:not(.premium-button-style6-bg) {
    position: relative;
    z-index: 1
}

.premium-button-style7-left .premium-button-text-icon-wrapper:before,.premium-button-style7-right .premium-button-text-icon-wrapper:before {
    -webkit-transition: width .3s ease-out .15s;
    transition: width .3s ease-out .15s
}

.premium-button-style7-left .premium-button-text-icon-wrapper:after,.premium-button-style7-right .premium-button-text-icon-wrapper:after {
    -webkit-transition: width .3s ease-out 0s;
    transition: width .3s ease-out 0s
}

.premium-button-style7-bottom .premium-button-text-icon-wrapper:before,.premium-button-style7-top .premium-button-text-icon-wrapper:before {
    -webkit-transition: height .3s ease-out .15s;
    transition: height .3s ease-out .15s
}

.premium-button-style7-bottom .premium-button-text-icon-wrapper:after,.premium-button-style7-top .premium-button-text-icon-wrapper:after {
    -webkit-transition: height .3s ease-out 0s;
    transition: height .3s ease-out 0s
}

.premium-button-style7:hover .premium-button-text-icon-wrapper:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.premium-button-style7:hover .premium-button-text-icon-wrapper:after {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.premium-button-style7-bottom .premium-button-text-icon-wrapper:after,.premium-button-style7-bottom .premium-button-text-icon-wrapper:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    height: 0;
    z-index: -1
}

.premium-button-style7-top .premium-button-text-icon-wrapper:after,.premium-button-style7-top .premium-button-text-icon-wrapper:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0;
    z-index: -1
}

.premium-button-style7-right .premium-button-text-icon-wrapper:after,.premium-button-style7-right .premium-button-text-icon-wrapper:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    z-index: -1
}

.premium-button-style7-left .premium-button-text-icon-wrapper:after,.premium-button-style7-left .premium-button-text-icon-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    z-index: -1
}

.premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,.premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
    height: 100%;
    top: 0
}

.premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,.premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
    height: 100%;
    bottom: 0
}

.premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,.premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
    width: 100%;
    left: 0
}

.premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,.premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
    width: 100%;
    right: 0
}

.premium-button-style8 {
    position: relative
}

.premium-button-line1 .premium-btn-line-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.premium-button-line1 .premium-btn-svg {
    stroke: currentColor;
    stroke-width: 1px;
    height: auto
}

.premium-button-line1 .premium-btn-svg path {
    -webkit-transition: stroke-dashoffset .6s cubic-bezier(.7,0,.3,1);
    transition: stroke-dashoffset .6s cubic-bezier(.7,0,.3,1);
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    fill: none
}

.premium-button-line1:hover .premium-btn-svg path {
    -webkit-transition-timing-function: cubic-bezier(.8,1,.7,1);
    transition-timing-function: cubic-bezier(.8,1,.7,1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    stroke-dashoffset: 0
}

.premium-button-line4 {
    overflow: hidden
}

.premium-button-line4::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 100%;
    left: 0;
    pointer-events: none
}

.premium-button-line4 .premium-btn-svg {
    position: absolute;
    left: 0;
    top: -3px;
    pointer-events: none;
    fill: none;
    width: 300%;
    max-width: inherit;
    height: 100%;
    stroke-width: 2px;
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s,-webkit-transform .7s;
    -webkit-transition-timing-function: cubic-bezier(0,.25,.5,1);
    transition-timing-function: cubic-bezier(0,.25,.5,1)
}

.premium-button-line4 .premium-btn-svg path {
    fill: none
}

.premium-button-line4:hover .premium-btn-svg {
    -webkit-transform: translate3d(-66.6%,0,0);
    transform: translate3d(-66.6%,0,0)
}

.premium-button-line2::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: currentColor;
    left: 0;
    top: 50%;
    pointer-events: none;
    height: 2px;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4,1,.8,1);
    transition: -webkit-transform .3s cubic-bezier(.4,1,.8,1);
    transition: transform .3s cubic-bezier(.4,1,.8,1);
    transition: transform .3s cubic-bezier(.4,1,.8,1),-webkit-transform .3s cubic-bezier(.4,1,.8,1)
}

.premium-button-line2:hover span {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)
}

.premium-button-line2:hover::before {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.premium-button-line3 .premium-btn-line-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.premium-button-line3 .premium-btn-svg {
    stroke: currentColor;
    stroke-width: 1px;
    height: auto
}

.premium-button-line3 .premium-btn-svg path {
    -webkit-transition: stroke-dashoffset .6s cubic-bezier(.7,0,.3,1);
    transition: stroke-dashoffset .6s cubic-bezier(.7,0,.3,1);
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    fill: none
}

.premium-button-line3:hover .premium-btn-svg path {
    -webkit-transition-timing-function: cubic-bezier(.8,1,.7,1);
    transition-timing-function: cubic-bezier(.8,1,.7,1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    stroke-dashoffset: 0
}

.premium-button-line5::after,.premium-button-line5::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 100%;
    left: 0;
    pointer-events: none
}

.premium-button-line5::before {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.2,1,.8,1);
    transition: -webkit-transform .3s cubic-bezier(.2,1,.8,1);
    transition: transform .3s cubic-bezier(.2,1,.8,1);
    transition: transform .3s cubic-bezier(.2,1,.8,1),-webkit-transform .3s cubic-bezier(.2,1,.8,1)
}

.premium-button-line5::after {
    top: -webkit-calc(100% + 4px);
    top: calc(100% + 4px);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transition: -webkit-transform .4s .1s cubic-bezier(.2,1,.8,1);
    transition: -webkit-transform .4s .1s cubic-bezier(.2,1,.8,1);
    transition: transform .4s .1s cubic-bezier(.2,1,.8,1);
    transition: transform .4s .1s cubic-bezier(.2,1,.8,1),-webkit-transform .4s .1s cubic-bezier(.2,1,.8,1)
}

.premium-button-line5:hover::after,.premium-button-line5:hover::before {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-timing-function: cubic-bezier(.7,0,.2,1);
    transition-timing-function: cubic-bezier(.7,0,.2,1)
}

.premium-button-line5:hover::before {
    -webkit-transform: scale3d(1,2,1);
    transform: scale3d(1,2,1)
}

.premium-button-line5:hover::after {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.premium-button-line6 {
    overflow: hidden
}

.premium-button-line6::after,.premium-button-line6::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 100%;
    left: 0;
    pointer-events: none
}

.premium-button-line6::before {
    height: 2px;
    top: -webkit-calc(100% - 2px);
    top: calc(100% - 2px);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.5,.5,.3,1);
    transition: -webkit-transform .3s cubic-bezier(.5,.5,.3,1);
    transition: transform .3s cubic-bezier(.5,.5,.3,1);
    transition: transform .3s cubic-bezier(.5,.5,.3,1),-webkit-transform .3s cubic-bezier(.5,.5,.3,1)
}

.premium-button-line6::after {
    content: attr(data-text);
    height: 100%;
    top: 0;
    background: 0 0;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: translate3d(150%,0,0);
    transform: translate3d(150%,0,0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.5,.5,.3,1);
    transition: -webkit-transform .3s cubic-bezier(.5,.5,.3,1);
    transition: transform .3s cubic-bezier(.5,.5,.3,1);
    transition: transform .3s cubic-bezier(.5,.5,.3,1),-webkit-transform .3s cubic-bezier(.5,.5,.3,1);
    padding: 16px 28px;
    text-align: center
}

.premium-button-line6:hover::before {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.premium-button-line6:hover::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.premium-button-line6 span {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.premium-button-line6:hover span {
    -webkit-transform: translate3d(-200%,0,0);
    transform: translate3d(-200%,0,0);
    opacity: 0
}

.premium-button-line7::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 100%;
    left: 0;
    pointer-events: none;
    opacity: 0
}

.premium-button-line7:hover::before {
    opacity: 1;
    -webkit-animation: pa-btn-glitch .4s steps(2,start) forwards;
    animation: pa-btn-glitch .4s steps(2,start) forwards
}

.premium-button-line7:hover span {
    -webkit-animation: pa-text-glitch .4s linear;
    animation: pa-text-glitch .4s linear
}

.premium-mask-active.premium-mask-tr .premium-mask-span::after {
    -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1,0,.18,1) forwards;
    animation: pa-mask-tr 1.7s cubic-bezier(1,0,.18,1) forwards;
    -webkit-transform: translateX(-103%);
    -ms-transform: translateX(-103%);
    transform: translateX(-103%)
}

.premium-mask-active.premium-mask-tl .premium-mask-span::after {
    -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1,0,.18,1) forwards;
    animation: pa-mask-tl 1.7s cubic-bezier(1,0,.18,1) forwards;
    -webkit-transform: translateX(103%);
    -ms-transform: translateX(103%);
    transform: translateX(103%)
}

.premium-mask-active.premium-mask-tb .premium-mask-span::after {
    -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1,0,.18,1) forwards;
    animation: pa-mask-tb 1.7s cubic-bezier(1,0,.18,1) forwards;
    -webkit-transform: translateY(-103%);
    -ms-transform: translateY(-103%);
    transform: translateY(-103%)
}

.premium-mask-active.premium-mask-tt .premium-mask-span::after {
    -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1,0,.18,1) forwards;
    animation: pa-mask-tt 1.7s cubic-bezier(1,0,.18,1) forwards;
    -webkit-transform: translateY(103%);
    -ms-transform: translateY(103%);
    transform: translateY(103%)
}

@-webkit-keyframes pa-mask-tr {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(103%);
        transform: translateX(103%)
    }
}

@keyframes pa-mask-tr {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(103%);
        transform: translateX(103%)
    }
}

@-webkit-keyframes pa-mask-tl {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-103%);
        transform: translateX(-103%)
    }
}

@keyframes pa-mask-tl {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-103%);
        transform: translateX(-103%)
    }
}

@-webkit-keyframes pa-mask-tb {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(103%);
        transform: translateY(103%)
    }
}

@keyframes pa-mask-tb {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(103%);
        transform: translateY(103%)
    }
}

@-webkit-keyframes pa-mask-tt {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-103%);
        transform: translateY(-103%)
    }
}

@keyframes pa-mask-tt {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-103%);
        transform: translateY(-103%)
    }
}

@-webkit-keyframes pa-btn-glitch {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    20% {
        -webkit-transform: translate3d(0,4px,0);
        transform: translate3d(0,4px,0)
    }

    30% {
        -webkit-transform: scale3d(.1,1.4,1) translate3d(0,-25px,0);
        transform: scale3d(.1,1.4,1) translate3d(0,-25px,0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    40% {
        -webkit-transform: scale3d(1,.3,1) translate3d(0,25px,0);
        transform: scale3d(1,.3,1) translate3d(0,25px,0)
    }

    50% {
        -webkit-transform: scale3d(.5,.3,1) translate3d(-100px,-80px,0);
        transform: scale3d(.5,.3,1) translate3d(-100px,-80px,0)
    }

    60% {
        -webkit-transform: scale3d(1,1.25,1) translate3d(10px,-5px,0);
        transform: scale3d(1,1.25,1) translate3d(10px,-5px,0)
    }

    70% {
        -webkit-transform: scale3d(.5,.5,1) translate3d(0,20px,0);
        transform: scale3d(.5,.5,1) translate3d(0,20px,0)
    }

    80% {
        -webkit-transform: translate3d(-30,10px,0) scale3d(1,.4,1);
        transform: translate3d(-30,10px,0) scale3d(1,.4,1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    90% {
        -webkit-transform: scale3d(1,.5,1) translate3d(0,-15px,0);
        transform: scale3d(1,.5,1) translate3d(0,-15px,0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    100% {
        opacity: 1
    }
}

@keyframes pa-btn-glitch {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    20% {
        -webkit-transform: translate3d(0,4px,0);
        transform: translate3d(0,4px,0)
    }

    30% {
        -webkit-transform: scale3d(.1,1.4,1) translate3d(0,-25px,0);
        transform: scale3d(.1,1.4,1) translate3d(0,-25px,0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    40% {
        -webkit-transform: scale3d(1,.3,1) translate3d(0,25px,0);
        transform: scale3d(1,.3,1) translate3d(0,25px,0)
    }

    50% {
        -webkit-transform: scale3d(.5,.3,1) translate3d(-100px,-80px,0);
        transform: scale3d(.5,.3,1) translate3d(-100px,-80px,0)
    }

    60% {
        -webkit-transform: scale3d(1,1.25,1) translate3d(10px,-5px,0);
        transform: scale3d(1,1.25,1) translate3d(10px,-5px,0)
    }

    70% {
        -webkit-transform: scale3d(.5,.5,1) translate3d(0,20px,0);
        transform: scale3d(.5,.5,1) translate3d(0,20px,0)
    }

    80% {
        -webkit-transform: translate3d(-30,10px,0) scale3d(1,.4,1);
        transform: translate3d(-30,10px,0) scale3d(1,.4,1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    90% {
        -webkit-transform: scale3d(1,.5,1) translate3d(0,-15px,0);
        transform: scale3d(1,.5,1) translate3d(0,-15px,0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes pa-text-glitch {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
        transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
        -webkit-clip-path: polygon(0 20%,100% 20%,100% 21%,0 21%);
        clip-path: polygon(0 20%,100% 20%,100% 21%,0 21%)
    }

    10% {
        -webkit-clip-path: polygon(0 33%,100% 33%,100% 33%,0 33%);
        clip-path: polygon(0 33%,100% 33%,100% 33%,0 33%)
    }

    20% {
        -webkit-clip-path: polygon(0 44%,100% 44%,100% 44%,0 44%);
        clip-path: polygon(0 44%,100% 44%,100% 44%,0 44%)
    }

    35% {
        -webkit-clip-path: polygon(0 50%,100% 50%,100% 20%,0 20%);
        clip-path: polygon(0 50%,100% 50%,100% 20%,0 20%)
    }

    50% {
        -webkit-clip-path: polygon(0 70%,100% 70%,100% 70%,0 70%);
        clip-path: polygon(0 70%,100% 70%,100% 70%,0 70%)
    }

    60% {
        -webkit-clip-path: polygon(0 80%,100% 80%,100% 80%,0 80%);
        clip-path: polygon(0 80%,100% 80%,100% 80%,0 80%)
    }

    70% {
        -webkit-clip-path: polygon(0 50%,100% 50%,100% 55%,0 55%);
        clip-path: polygon(0 50%,100% 50%,100% 55%,0 55%)
    }

    80% {
        -webkit-clip-path: polygon(0 70%,100% 70%,100% 80%,0 80%);
        clip-path: polygon(0 70%,100% 70%,100% 80%,0 80%)
    }

    90% {
        -webkit-transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
        transform: translate3d(-10px,0,0) scale3d(-1,-1,1)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
        transform: translate3d(0,0,0) scale3d(1,1,1);
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
    }
}

@keyframes pa-text-glitch {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
        transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
        -webkit-clip-path: polygon(0 20%,100% 20%,100% 21%,0 21%);
        clip-path: polygon(0 20%,100% 20%,100% 21%,0 21%)
    }

    10% {
        -webkit-clip-path: polygon(0 33%,100% 33%,100% 33%,0 33%);
        clip-path: polygon(0 33%,100% 33%,100% 33%,0 33%)
    }

    20% {
        -webkit-clip-path: polygon(0 44%,100% 44%,100% 44%,0 44%);
        clip-path: polygon(0 44%,100% 44%,100% 44%,0 44%)
    }

    35% {
        -webkit-clip-path: polygon(0 50%,100% 50%,100% 20%,0 20%);
        clip-path: polygon(0 50%,100% 50%,100% 20%,0 20%)
    }

    50% {
        -webkit-clip-path: polygon(0 70%,100% 70%,100% 70%,0 70%);
        clip-path: polygon(0 70%,100% 70%,100% 70%,0 70%)
    }

    60% {
        -webkit-clip-path: polygon(0 80%,100% 80%,100% 80%,0 80%);
        clip-path: polygon(0 80%,100% 80%,100% 80%,0 80%)
    }

    70% {
        -webkit-clip-path: polygon(0 50%,100% 50%,100% 55%,0 55%);
        clip-path: polygon(0 50%,100% 50%,100% 55%,0 55%)
    }

    80% {
        -webkit-clip-path: polygon(0 70%,100% 70%,100% 80%,0 80%);
        clip-path: polygon(0 70%,100% 70%,100% 80%,0 80%)
    }

    90% {
        -webkit-transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
        transform: translate3d(-10px,0,0) scale3d(-1,-1,1)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
        transform: translate3d(0,0,0) scale3d(1,1,1);
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
    }
}