button.action::before, 
button.action::after,
.actions-toolbar .primary button.action.primary.add::before, 
.actions-toolbar .primary button.action.primary.add::after,
.box-actions button.action::before, 
.box-actions button.action::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
button.action,
.actions-toolbar .primary button.action.primary.add,
.box-actions button.action {
    pointer-events: auto;
    cursor: pointer !important;
    background: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 70px !important;
    color: #ffffff !important;
    padding: 15px 50px;
    margin: 0;
    position: relative !important;
    display: inline-block;
    overflow: hidden;
}
button.action span,
.actions-toolbar .primary button.action.primary.add span,
.box-actions button.action span {
    display: block;
    position: relative;
    mix-blend-mode: difference;
    z-index: 10;
}
button.action:hover span,
.actions-toolbar .primary button.action.primary.add:hover span,
.box-actions button.action:hover span {
    animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}
button.action::before,
.actions-toolbar .primary button.action.primary.add::before,
.box-actions button.action::before {
    content: '';
    background: #000;
    width: 120%;
    height: 0;
    padding-bottom: 70%;
    /*top: -150%;*/
    top: -30px;
    left: -10%;
    border-radius: 50%;
    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
}
button.action::after,
.actions-toolbar .primary button.action.primary.add::after,
.box-actions button.action::after {
    content: '';
    background: #000;
    transform: translate3d(0, -100%, 0);
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
button.action:hover::before,
.actions-toolbar .primary button.action.primary.add:hover::before,
.box-actions button.action:hover::before {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
button.action:hover::after,
.actions-toolbar .primary button.action.primary.add:hover::after,
.box-actions button.action:hover::after {
    transform: translate3d(0, 0, 0);
    transition-duration: 0.05s;
    transition-delay: 0.4s;
    transition-timing-function: linear;
}




.secondary a.action::before, 
.secondary a.action::after,
.cart.main.actions a.action::before, 
.cart.main.actions a.action::after,
.box-actions a.action::before, 
.box-actions a.action::after,
.actions-toolbar a.action::before, 
.actions-toolbar a.action::after,
.actions-toolbar .primary a.action.primary.continue::before, 
.actions-toolbar .primary a.action.primary.continue::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.secondary a.action,
.cart.main.actions a.action,
.box-actions a.action,
.actions-toolbar a.action,
.actions-toolbar .primary a.action.primary.continue {
    pointer-events: auto;
    cursor: pointer !important;
    background: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 70px !important;
    color: #ffffff !important;
    padding: 15px 50px;
    margin: 0;
    position: relative !important;
    display: inline-block;
    overflow: hidden;
}
.secondary a.action span,
.cart.main.actions a.action span,
.box-actions a.action span,
.actions-toolbar a.action span,
.actions-toolbar .primary a.action.primary.continue span {
    display: block;
    position: relative;
    mix-blend-mode: difference;
    z-index: 10;
}
.secondary a.action:hover span,
.cart.main.actions a.action:hover span,
.box-actions a.action:hover span,
.actions-toolbar a.action:hover span,
.actions-toolbar .primary a.action.primary.continue:hover span {
    animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}
.secondary a.action::before,
.cart.main.actions a.action::before,
.box-actions a.action::before,
.actions-toolbar a.action::before,
.actions-toolbar .primary a.action.primary.continue:before {
    content: '';
    background: #000;
    width: 120%;
    height: 0;
    padding-bottom: 70%;
    /*top: -150%;*/
    top: -30px;
    left: -10%;
    border-radius: 50%;
    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
}
.secondary a.action::after,
.cart.main.actions a.action::after,
.box-actions a.action::after,
.actions-toolbar a.action::after,
.actions-toolbar .primary a.action.primary.continue:after {
    content: '';
    background: #000;
    transform: translate3d(0, -100%, 0);
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.secondary a.action:hover::before,
.cart.main.actions a.action:hover::before,
.box-actions a.action:hover::before,
.actions-toolbar a.action:hover::before,
.actions-toolbar .primary a.action.primary.continue:hover::before {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.secondary a.action:hover::after,
.cart.main.actions a.action:hover::after,
.box-actions a.action:hover::after,
.actions-toolbar a.action:hover::after,
.actions-toolbar .primary a.action.primary.continue:hover::after {
    transform: translate3d(0, 0, 0);
    transition-duration: 0.05s;
    transition-delay: 0.4s;
    transition-timing-function: linear;
}

.account .box-actions .action.edit,
.shipping-information button.action.action-edit {
    text-align: center;
    min-width: 100px;
}

.cart.page-title-wrapper button.action.checkout::before {
    top: -60px;
}
.cart-container .checkout-methods-items button.action.checkout::before {
    top: -40px;
}
.checkout-shipping-method .actions-toolbar button.action.primary::before,
.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary::before {
    top: -90px;
}
.ox-newsletter-modal .block.newsletter .action.primary::before {
    top: -70px;
}

.multishipping-checkout-success .page-title-wrapper .success-icon-wrapper:before, 
.checkout-onepage-success .page-title-wrapper .success-icon-wrapper:before {
    background:#f15b28;
}

input[type='number'] {
    color: #000000 !important;
}
body .block-cart-failed .action.update:before, 
body .cart-container .form-cart .action.update:before {
    left: -10%;
}
.footer.content .block.newsletter.newsletter-style--big button.action.subscribe.primary::before {
    top: -50%;
}

button.action.tocart::before {
    top: -80%;
}
.action.primary.tocart svg {
    fill: #000;
}
.action.primary.tocart:hover svg {
    fill: #fff;
}

.product-add-form form#product_addtocart_form button#product-designer-button:hover::before {
    top: -80px;
} 

@media (min-width: 991px) {
    .header__toplinks.header li.secondary a {
        display: block !important;
        margin-bottom: 10px;
    }
}


@media (min-width: 1600px) {
    .checkout-shipping-method .actions-toolbar button.action.primary::before,
    .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary::before {
        top: -120px;
    }
}