﻿.cta-links-sticky {
    position: fixed;
    right: -120px;
    top: 385px;
    padding: 10px 30px 10px 50px;
    background: #EE2A5F;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    z-index: 5000 !important;
    font-size: 2rem;
    transition: all .15s ease-in-out;
}

    .cta-links-sticky:hover {
        right: 0 !important;
        transition: all .3s ease-in-out;
        -webkit-animation-name: hvr-wobble-horizontal;
        animation-name: hvr-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

    .cta-links-sticky a {
        text-transform: uppercase;
        font-weight: 600;
        padding: 10px;
        color: #fff !important;
    }

        .cta-links-sticky a:hover,
        .cta-links-sticky a:focus {
            color: #fff !important;
            /*filter: drop-shadow(0 0 0.125rem white);*/
            text-decoration: none !important;
        }

            .cta-links-sticky a:hover:after,
            .cta-links-sticky a:focus:after {
                /*color: #fff !important;*/
            }

@media (max-width: 1200px) {
    /* Hide CTA on mobile? */
    .cta-links-sticky {
        display: none;
    }
}


@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-wobble-horizontal {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}