.ui-button-primary__wrapper {
    margin: 0 0 12px;
    width: 100%
}

.ui-button-primary__button, .ui-button-primary__hreflink {
    background-color: #00c853;
    border: 0 none;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #fff;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 400;
    height: 48px;
    line-height: 18px;
    outline: 0;
    padding: 15px 12px;
    text-align: center;
    text-transform: uppercase;
    transition-property: box-shadow,background-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    width: 100%;
    -webkit-appearance: none
}

    .ui-button-primary__button:hover {
        background-color: #00864c;
        box-shadow: 0 10px 10px 0 rgba(0,0,0,.26),0 14px 28px 0 rgba(0,0,0,.25)
    }

    .ui-button-primary__hreflink:active, .ui-button-primary__link, .ui-button-primary__link:active, .ui-button-primary__link:visited {
        background-color: #00c853;
        border: 0 none;
        border-radius: 2px;
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        color: #fff !important;
        cursor: pointer;
        display: block;
        font-size: 14px;
        font-weight: 400;
        height: 18px;
        line-height: 18px;
        outline: 0;
        padding: 15px 12px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        transition-property: box-shadow,background-color;
        transition-duration: .3s;
        transition-timing-function: ease-in-out;
        -webkit-appearance: none
    }

        .ui-button-primary__link:hover {
            background-color: #00864c;
            box-shadow: 0 10px 10px 0 rgba(0,0,0,.26),0 14px 28px 0 rgba(0,0,0,.25);
            text-decoration: none
        }

a.ui-button-primary__hreflink {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    white-space: normal;
    align-items: center;
    justify-content: center;
    background-color: #080;
    text-transform: none;
    padding: 15px 0
}

.ui-button-primary__hreflink, .ui-button-primary__hreflink:active, .ui-button-primary__hreflink:hover, .ui-button-primary__hreflink:visited {
    color: #fff;
    background-color: #080;
    box-shadow: none;
    text-decoration: none;
    text-transform: none;
    padding: 15px 0
}

.ui-button-save-for-later__wrapper {
    margin: 0 0 12px;
    text-align: center;
    width: 100%
}

.ui-button-save-for-later__button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    height: 48px;
    line-height: 26px;
    outline: 0;
    padding: 12px;
    text-align: center;
    -webkit-appearance: none
}

.ui-button-save-for-later__icon path {
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-in-out
}

.ui-button-save-for-later__icon {
    display: inline-block;
    height: 24px;
    margin: -6px 0;
    padding: 0 5px 0 0;
    width: 24px
}

.ui-button-save-for-later__button--very:hover path {
    stroke: #de007b
}

.ui-button-save-for-later__button--veryexclusive:hover path {
    stroke: #333
}

.ui-button-save-for-later__button--littlewoods:hover path {
    stroke: #7d277b
}

.ui-button-save-for-later__button--very .ui-button-save-for-later__icon--remove path {
    fill: #de007b;
    stroke: #de007b
}

.ui-button-save-for-later__button--veryexclusive .ui-button-save-for-later__icon--remove path {
    fill: #333;
    stroke: #333
}

.ui-button-save-for-later__button--littlewoods .ui-button-save-for-later__icon--remove path {
    fill: #7d277b;
    stroke: #7d277b
}

.ui-button-secondary__wrapper {
    margin: 0 0 12px;
    width: 100%
}

.ui-button-secondary__button {
    background-color: #0091ea;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 400;
    height: 40px;
    line-height: 20px;
    outline: 0;
    padding: 10px 12px;
    text-align: center;
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    width: 100%;
    -webkit-appearance: none
}

.ui-button-secondary__link, .ui-button-secondary__link:active, .ui-button-secondary__link:visited {
    background-color: #0091ea;
    border: 0 none;
    border-radius: 2px;
    color: #fff !important;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    outline: 0;
    padding: 10px 12px;
    text-align: center;
    text-decoration: none;
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    -webkit-appearance: none
}

.ui-button-secondary__button:hover {
    background-color: #006ab8
}

a.ui-button-tertiary__link {
    -webkit-transition-duration: .3s;
    -webkit-transition-property: background-color,-webkit-box-shadow;
    -webkit-transition-timing-function: ease-in-out;
    background-color: #ddd7d7;
    border: 0;
    border-radius: 2px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    outline: 0;
    padding: 11px 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition-duration: .3s;
    transition-property: background-color,-webkit-box-shadow;
    transition-property: box-shadow,background-color;
    transition-property: box-shadow,background-color,-webkit-box-shadow;
    transition-timing-function: ease-in-out;
    width: 100%
}

    a.ui-button-tertiary__link:active, a.ui-button-tertiary__link:focus, a.ui-button-tertiary__link:visited {
        background-color: #f5f5f5;
        text-decoration: none
    }

    a.ui-button-tertiary__link .arrow {
        background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6Ii8+PC9zdmc+);
        background-position: 0;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        color: #333;
        display: inline;
        font-size: 14px;
        line-height: 20px;
        padding-left: 24px
    }

.ui-button-secondary__link--white, .ui-button-secondary__link--white:hover, .ui-button-secondary__link--white:visited {
    background-color: #fff;
    border: 1px solid #3c3c3c;
    border-radius: 2px;
    color: #3c3c3c;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    outline: 0;
    padding: 14px;
    text-align: center;
    text-decoration: none;
    transition-property: background-color;
    transition-duration: .1s;
    transition-timing-function: ease-in-out;
    -webkit-appearance: none
}

    .ui-button-secondary__link--white .plus {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5pY29uLVBsdXMtMTZweDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz4gICAgICAgIDxyZWN0IGlkPSJwYXRoLTEiIHg9IjAiIHk9IjAiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+PC9yZWN0PiAgICA8L2RlZnM+ICAgIDxnIGlkPSJVQ0xJIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJIQ0MtLS1NLS0tVmVyeS1CTlBMLVN1bW1hcnktMTAtQ29weS0xMDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03My4wMDAwMDAsIC0zNTUuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgaWQ9Imljb24tUGx1cy0xNnB4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ny4wMDAwMDAsIDMzOS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4gICAgICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLXBhdGgiPjwvZz4gICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yNCIgZmlsbD0iIzNDM0MzQyIgZmlsbC1ydWxlPSJub256ZXJvIiB4PSIyMyIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjE2Ij48L3JlY3Q+ICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUiIGZpbGw9IiMzQzNDM0MiIGZpbGwtcnVsZT0ibm9uemVybyIgeD0iMTYiIHk9IjIzIiB3aWR0aD0iMTYiIGhlaWdodD0iMiI+PC9yZWN0PiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
        background-position: 0;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        color: #333;
        display: inline;
        font-size: 14px;
        line-height: 20px;
        padding-left: 24px
    }

    .ui-button-secondary__link--white .minus {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjJweCIgdmlld0JveD0iMCAwIDE2IDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+aWNvbi1NaW51cy0xNnB4IENvcHk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cmVjdCBpZD0icGF0aC0xIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjwvcmVjdD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iVUNMSSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iSENDLS0tTS0tLVZlcnktQk5QTC1TdW1tYXJ5LTEwLUNvcHktMTAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzMuMDAwMDAwLCAtNDM2LjAwMDAwMCkiPiAgICAgICAgICAgIDxnIGlkPSJpY29uLU1pbnVzLTE2cHgtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcuMDAwMDAwLCA0MTMuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgICAgIDwvbWFzaz4gICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS1wYXRoIj48L2c+ICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS0yIiBmaWxsPSIjM0MzQzNDIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHg9IjE2IiB5PSIyMyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjIiPjwvcmVjdD4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
        background-position: 0;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        color: #333;
        display: inline;
        font-size: 14px;
        line-height: 20px;
        padding-left: 24px
    }

.ui-href-branded-product-title__link--very {
    color: #de007b
}

.ui-href-branded-product-title__link--littlewoods {
    color: #7d277b
}