//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .checkout-cart-index {
        .cart.main.actions {
            .action.continue {
                .lib-button();
                .lib-font-size(14);
                border-radius: 3px;
                font-weight: 400;
                height: 34px;
                line-height: 34px;
                margin-right: 10px;
                padding: 0 16px;

                &:hover {
                    text-decoration: none;
                }
            }

            .action.update {
                .lib-button-primary();
                .lib-button-revert-secondary-color();
                .lib-font-size(14);
                font-weight: 400;
                letter-spacing: normal;
                padding: 8px 16px;
                text-transform: none;
            }

            .action.clear {
                .lib-font-size(14);
                float: left;
                font-weight: 400;
                letter-spacing: normal;
                text-transform: none;
            }
        }
    }
}


//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .checkout-cart-index {
        .cart.main.actions {
            text-align: right;

            .action.continue {
                margin: 0 0 20px !important;
            }

            .action.update {
                margin-right: 0;
            }

            .action.clear {
                .lib-button-as-link();
                margin-left: 10px;
                margin-top: 2px;
            }
        }
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .checkout-cart-index {
        .cart.main.actions {
            .action.clear {
                .lib-button-as-link();
                margin-top: 2px;
            }
        }
    }
}
