.toucan-button,
input[type="submit"],
input[type="button"],
button[type="submit"],
.comment-reply-link,
#cancel-comment-reply-link,
.meks-instagram-follow-link .meks-widget-cta,
.mks_autor_link_wrap a,
.mks_read_more a,
.paginated-post-wrapper a,
.entry-content > .toucan-button {
    font-size: 1.2rem;
    line-height: 1;
    display: inline-flex;
    height: 50px;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    border-radius: 4px;
    text-decoration: none;
    transition: all .2s ease-in-out;
    @include mq('md') { 
        height: 50px;
    }
}

input[type="submit"],
input[type="button"],
button[type="submit"]{
    border:none;
}


.toucan-button-large{
    padding: get-gutter-width('xl') * 0.25 get-gutter-width('xl') * 0.5;
    font-size: 1.2rem;
    height: 40px;
    padding: 5px 20px;   
    @include mq('md') {
        padding: 15px 25px;   
        min-height: 60px; 
        font-size: 1.4rem; 
    }
}

.toucan-button-small{
    font-size: 1.2rem;
    height: 40px;
    padding: 5px 20px;   
    @include mq('md') {
        font-size: 1.2rem;
        height: 40px;       
    }
}
.toucan-button-extra-small{
    font-size: 1rem;
    height: 30px;
    padding: 10px 13px; 
    border-radius: 2px;  
    @include mq('md') {
        font-size: 1rem;
        height: 30px;       
    }
}

.button-disabled{
    opacity: .5;
    pointer-events: none;
}

.toucan-button-text{
    font-size: 1.4rem;
    background: transparent;
    border: none;
    display: inline-flex;
}

.toucan-button-oval{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px;
}
.toucan-button-oval i{
    font-size: 1.6rem;
}

.toucan-button-arrow:after,
input[type="submit"]:after,
input[type="button"]:after,
button[type="submit"]:after,
.load-more a:after{
    content: "\e903";
    font-family: 'toucan-font';
    margin-left: 8px;
}
.toucan-button-arrow-down:after{
    content: "\e901";
    font-family: 'toucan-font';   
    font-size: 2.4rem;
}

.toucan-button-arrow-prev:before{
    content: "\e902";
    font-family: 'toucan-font';
    margin-right: 8px;    
}
.toucan-button-arrow-prev:hover:before{
    animation: icon-animation .3s;
    animation-direction: reverse;    
}


input[type="submit"]:hover:after,
input[type="button"]:hover:after,
button[type="submit"]:hover:after,
.load-more a:hover:after,
.toucan-button-arrow:hover:after{
    animation: icon-animation .3s;
}

.toucan-filter i{
    font-size: 2rem;
    line-height: 1;
    margin-bottom: -1px;
    margin-right: 2px;
    opacity: .8;
}
.toucan-button-white{
    border-radius: 2px;
}


.toucan-button-fixed-checkout{
    position: fixed;
    bottom: 20px;
    right: 20px;
    @include mq('md') {
        bottom: 30px;
        right: 30px;
    }
    @include mq('lg') {
        bottom: 50px;
        right: 50px;
    }
    z-index: 9000;
    .toucan-cart-count{
        left: -10px;
        top: -10px;
    }
}



@keyframes icon-animation {
    0%, 100% {
      opacity: 1;
      transform: translateX(0%);
    }
    
    50% {
      opacity: 0;
      transform: translateX(100%);
    }
    
    51% {
      opacity: 0;
      transform: translateX(-100%);
    }
}

@keyframes fadeIn { 
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes fadeOut { 
    from { opacity: 1; }
    to   { opacity: 0; }
}

@keyframes textIndent { 
    0%, 100%{
        text-indent: 0;
    }

    50%{
        text-indent: -80px;  
    }

    100%{
        text-indent: -160px;  
    }
}