.addToCart,
.addFavorites,
.inFavList {
    margin: 0px 0px 10px;
}

.addToCart {
    color: #000 !important;
    font-weight: 700;
}

.addFavorites,
.continueShopping,
.inFavList {
    color: #000 !important;
    background: transparent;
    border: 1px solid #000;
}

.goToCart {
    color: #000 !important;
    font-weight: 700;
}
.goToCart .icon {
    position: relative;
    top: -1px;
}
.goToCart .icon.right {
    padding-left: 10px;
}

.continueShopping .icon {
    position: relative;
    top: -1px;
}
.continueShopping .icon.left {
    padding-right: 10px;
}

.quickLook:not(wc-icon-button):hover {
    color: #333333;
    border-color: #DFDFDF;
    background: #DFDFDF;
}

.quickLook:not(wc-icon-button):not(:disabled):not(.disabled):active, .quickLook:not(wc-icon-button):active {
    color: #333333;
    background: #CCCCCC;
    border-color: #CCCCCC;
}

.quickLook:not(wc-icon-button) {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #707070;
}
@media (min-width: 576px) {
    .quickLook:not(wc-icon-button) {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
.quickLook:not(wc-icon-button):not(:disabled):not(.disabled):active {
    color: #111;
}

.addFavorites.active {
    border-color: #CCCCCC;
}

.inFavList [class*=icon-]:before {
    font-size: 1.65rem;
}

.btn-smallcollapse {
    display: block;
    font-size: 0.75rem;
    border: 1px solid #000;
    border-radius: 0.25rem;
    padding: 5px 10px;
    font-weight: 700;
    color: #000;
    letter-spacing: 0.5px;
    min-width: 115px;
    text-align: center;
}
.btn-smallcollapse:hover {
    text-decoration: none;
}
.btn-smallcollapse .change_text {
    display: none;
}
.btn-smallcollapse.secondary .text {
    display: none;
}
.btn-smallcollapse.secondary .change_text {
    display: block;
}

.addListToCart {
    padding: 8px 20px;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    align-self: center;
}
.addListToCart [class*=picto] {
    padding: 0;
    margin-right: 0.5rem;
}
.addListToCart [class*=picto]:before {
    line-height: 1.5rem;
    font-size: 1.75rem;
}
.addListToCart > span:last-of-type {
    line-height: 1rem;
}

.lnk.viewoptions {
    font-size: 0.875rem;
    color: #0058A3;
    text-decoration: underline;
}
.lnk.viewoptions:hover {
    text-decoration: none;
}

.modalButtonClose {
    border: 1px solid #000;
    padding: 0.9rem 1rem;
    margin: 0;
    font-size: 1rem;
    background: transparent;
    border-radius: 10rem;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1;
    min-width: 125px;
    cursor: pointer;
}

.modalConfirmationButton {
    color: #000;
    background: transparent;
    border: 1px solid #000;
    margin: 0;
    padding: 8px 20px;
    font-weight: 700;
}
@media (max-width: 575.98px) {
    .modalConfirmationButton {
        width: 100%;
        margin-bottom: 15px;
    }
    .modalConfirmationButton:first-of-type {
        order: 1;
    }
    .modalConfirmationButton:last-of-type {
        order: 0;
        margin-bottom: 1rem;
    }
}
.modalConfirmationButton .icon.left {
    padding-right: 1rem;
}
.modalConfirmationButton .icon.right {
    padding-left: 1rem;
}
.modalConfirmationButton.primary {
    border-color: #0061B4;
    background: #0061B4;
    color: #fff;
}
.modalConfirmationButton:hover.primary {
    border-color: #27649e;
    background-color: #27649e;
}
.modalConfirmationButton:focus {
    outline: none;
}

.addToProduct,
.unselectToProduct {
    padding: 0.75rem 1rem;
    background: #fff;
}
.addToProduct span.icon,
.unselectToProduct span.icon {
    display: inline-block;
    margin-right: 0.5rem;
}
.addToProduct span.icon:before,
.unselectToProduct span.icon:before {
    font-size: 0.7rem;
    line-height: 0.7rem;
}
.addToProduct span:not(.icon),
.unselectToProduct span:not(.icon) {
    font-weight: 700;
}
.addToProduct.selected,
.unselectToProduct.selected {
    background: #FFBA00;
}

.addToProduct {
    border: 1px solid #FFBA00;
}

.unselectToProduct {
    border: 1px solid #ccc;
}

.backToOrder {
    position: relative;
    margin-top: 3rem;
    padding: 1.5rem;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    color: #000;
    border: 2px solid #707070;
    background: #fff;
    max-width: 500px;
    width: 100%;
}
@media (max-width: 575.98px) {
    .backToOrder {
        margin-top: 2rem;
        font-size: 1rem;
    }
}
.backToOrder .icon {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 0 0.5rem;
    font-size: 1.75rem;
    line-height: 1;
    color: #696969;
}
.backToOrder .icon:before {
    font-size: 100%;
    line-height: 1;
}

a:hover .icon {
    text-decoration: none;
}

/* EDITED BUTTON FIX -> BUTTON PLUGIN */
.customizable-button > i:before {
    font-weight: inherit !important;
}

.quickLook:not(wc-icon-button) {
    /*padding: $spacer(2) $spacer(3);*/
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.quickLook:not(wc-icon-button):hover {
    border-color: #929292;
    background-color: transparent;
}
.quickLook:not(wc-icon-button):active {
    border-color: #929292;
    background-color: transparent;
}
.quickLook:not(wc-icon-button):not(:disabled):not(.disabled):active {
    border-color: #929292;
    background-color: transparent;
}
.quickLook:not(wc-icon-button) .icon-quickview {
    padding: 0;
    padding-right: 1rem 2;
}
.quickLook:not(wc-icon-button) .icon-quickview:before {
    font-size: 1.5rem;
}

.quickAdd {
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.quickAdd .icon-addcart {
    padding: 0 1rem 2;
}
.quickAdd .icon-addcart:before {
    font-size: 1.25rem;
    content: "\e90e";
}

.modalButtonClose {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    line-height: 1.375;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 10rem;
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    padding: 0 1.5rem;
    font-size: 0.75rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    white-space: normal;
    background-color: white;
    color: #111;
    border: 1px solid #929292;
}
.modalButtonClose:not(:disabled):active, .modalButtonClose:not(:disabled):focus {
    transform: scale(0.97);
}
.modalButtonClose:hover {
    text-decoration: none;
}
.modalButtonClose.btn-only-icon {
    padding: 0 !important;
}
.modalButtonClose.btn-only-icon .icon {
    padding: 0;
}
.modalButtonClose.btn-only-icon .btn-label-text {
    display: none !important;
}
.modalButtonClose:not(.btn-only-icon) .icon:not(:empty) {
    margin-right: 0.5rem;
}
.modalButtonClose:not(.btn-only-icon) .icon:not(:empty).right {
    margin-left: 0.5rem;
    margin-right: 0;
}
.modalButtonClose [class*=icon]:before {
    font-size: 1.25rem;
}
.modalButtonClose.btn-only-icon {
    min-width: 2.5rem;
}
.modalButtonClose.btn-only-icon [class*=icon]:before {
    font-size: 1.25rem;
}
.modalButtonClose.btn-only-icon [class*=icon]:before .icon-label-text {
    display: none;
}
.modalButtonClose:hover, .modalButtonClose:active, .modalButtonClose:focus, .modalButtonClose:focus:active, .modalButtonClose:not(:disabled):not(.disabled):active {
    background-color: white;
    border-color: #111;
    color: #111;
}
.modalButtonClose[disabled=disabled], .modalButtonClose[disabled], .modalButtonClose[disabled=""], .modalButtonClose[disabled=true], .modalButtonClose:disabled {
    background-color: #dfdfdf;
    color: #929292;
    border-color: #dfdfdf;
}
.modalButtonClose[disabled=disabled]:hover, .modalButtonClose[disabled=disabled]:active, .modalButtonClose[disabled=disabled]:focus, .modalButtonClose[disabled=disabled]:active:focus, .modalButtonClose[disabled]:hover, .modalButtonClose[disabled]:active, .modalButtonClose[disabled]:focus, .modalButtonClose[disabled]:active:focus, .modalButtonClose[disabled=""]:hover, .modalButtonClose[disabled=""]:active, .modalButtonClose[disabled=""]:focus, .modalButtonClose[disabled=""]:active:focus, .modalButtonClose[disabled=true]:hover, .modalButtonClose[disabled=true]:active, .modalButtonClose[disabled=true]:focus, .modalButtonClose[disabled=true]:active:focus, .modalButtonClose:disabled:hover, .modalButtonClose:disabled:active, .modalButtonClose:disabled:focus, .modalButtonClose:disabled:active:focus {
    background-color: #dfdfdf;
    color: #929292;
    box-shadow: none;
}

.modalActionButton {
    display: block;
    font-size: 0.875rem;
    color: #444;
    background: transparent;
    border: 0;
    box-shadow: none;
    margin-left: 1rem 3;
    cursor: pointer;
}
.modalActionButton.filled {
    padding: 0.75rem 3rem;
    background: #0061B4;
    color: #fff;
    border-radius: 10rem;
}
.modalActionButton.filled:hover {
    background: #356a9c;
}
.modalActionButton:focus {
    outline: none;
}

.addToCart,
.addFavorites,
.outOfStock {
    height: 55px;
    padding: 7px 20px;
    font-size: 0.875rem;
    margin: 0;
}
.addToCart.btn--small,
.addFavorites.btn--small,
.outOfStock.btn--small {
    height: 40px;
}

.addFavorites,
.continueShopping,
.inFavList {
    color: #111;
    background: transparent;
    border: 1px solid #dfdfdf;
}
.addFavorites:hover,
.continueShopping:hover,
.inFavList:hover {
    border: 1px solid #929292;
}

.btn-pay {
    color: #111;
    font-size: 1rem !important;
    font-weight: 700;
    width: auto;
    margin: 0;
    padding: 0 20px;
    background-color: #FFDB00;
    border: none;
    height: 55px;
}
.btn-pay:hover {
    background: #FFCE00;
}
.btn-pay[disabled] {
    background: #e1e1e1;
}

button > .icon:before,
a.btn > .icon:before,
button > span > .icon:before {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
button > .icon.fundament-icon-wishlist-full-24:before,
a.btn > .icon.fundament-icon-wishlist-full-24:before,
button > span > .icon.fundament-icon-wishlist-full-24:before {
    color: #CC0008;
}

body .btn-yellow {
    color: #111;
    background-color: #FFDB00;
    border-color: #FFDB00;
}
body .btn-yellow:hover {
    color: #111;
    background-color: #FFCE00;
    border-color: #FFCE00;
}

body .btn-only-icon.linkaddtocart {
    width: 40px;
    height: 40px;
    padding: 0;
}

/* TMP  fix for CMS content */
body .offers_slider .salesWrapper .salesCallToAction,
body .linkEspecialista .blueBtn {
    border-radius: 10rem !important;
}

body .linkEspecialista {
    width: 100%;
}
body .linkEspecialista .blueBtn {
    color: #fff;
    background: #0058a3;
    border-color: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    line-height: 1.375;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 10rem;
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    padding: 0 2rem !important;
    min-width: 3.5rem;
    min-height: 3.5rem !important;
    font-size: 0.875rem !important;
    white-space: normal;
    margin: 0 auto;
}
body .linkEspecialista .blueBtn:hover, body .linkEspecialista .blueBtn:focus {
    background: #004f93;
    border-color: transparent;
    color: #fff;
}
body .linkEspecialista .blueBtn:active, body .linkEspecialista .blueBtn:focus:active, body .linkEspecialista .blueBtn:not(:disabled):not(.disabled):active {
    background: #003e72;
    color: #fff;
    box-shadow: none;
}
body .linkEspecialista .blueBtn[disabled=disabled], body .linkEspecialista .blueBtn[disabled], body .linkEspecialista .blueBtn[disabled=""], body .linkEspecialista .blueBtn[disabled=true], body .linkEspecialista .blueBtn:disabled {
    background-color: #dfdfdf;
    color: #929292;
    border-color: #dfdfdf;
}
body .linkEspecialista .blueBtn[disabled=disabled]:hover, body .linkEspecialista .blueBtn[disabled=disabled]:active, body .linkEspecialista .blueBtn[disabled=disabled]:focus, body .linkEspecialista .blueBtn[disabled=disabled]:active:focus, body .linkEspecialista .blueBtn[disabled]:hover, body .linkEspecialista .blueBtn[disabled]:active, body .linkEspecialista .blueBtn[disabled]:focus, body .linkEspecialista .blueBtn[disabled]:active:focus, body .linkEspecialista .blueBtn[disabled=""]:hover, body .linkEspecialista .blueBtn[disabled=""]:active, body .linkEspecialista .blueBtn[disabled=""]:focus, body .linkEspecialista .blueBtn[disabled=""]:active:focus, body .linkEspecialista .blueBtn[disabled=true]:hover, body .linkEspecialista .blueBtn[disabled=true]:active, body .linkEspecialista .blueBtn[disabled=true]:focus, body .linkEspecialista .blueBtn[disabled=true]:active:focus, body .linkEspecialista .blueBtn:disabled:hover, body .linkEspecialista .blueBtn:disabled:active, body .linkEspecialista .blueBtn:disabled:focus, body .linkEspecialista .blueBtn:disabled:active:focus {
    background-color: #dfdfdf;
    color: #929292;
    box-shadow: none;
}
body .linkEspecialista .blueBtn:not(:disabled):active, body .linkEspecialista .blueBtn:not(:disabled):focus {
    transform: scale(0.97);
}
body .linkEspecialista .blueBtn:hover {
    text-decoration: none;
}
body .linkEspecialista .blueBtn.btn-only-icon {
    padding: 0 !important;
}
body .linkEspecialista .blueBtn.btn-only-icon .icon {
    padding: 0;
}
body .linkEspecialista .blueBtn.btn-only-icon .btn-label-text {
    display: none !important;
}
body .linkEspecialista .blueBtn:not(.btn-only-icon) .icon:not(:empty) {
    margin-right: 0.5rem;
}
body .linkEspecialista .blueBtn:not(.btn-only-icon) .icon:not(:empty).right {
    margin-left: 0.5rem;
    margin-right: 0;
}
body .linkEspecialista .blueBtn [class*=icon]:before {
    font-size: 1.25rem;
}
body .linkEspecialista .blueBtn.btn-only-icon {
    min-width: 3.5rem;
}

/* skapa button */
.btn--skip-content {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    transition: transform 200ms;
    transform: scale(0);
    margin: 0.5rem;
    background-color: #f5f5f5;
    z-index: 10000;
    --border: 0 !important;
}
.btn--skip-content:focus {
    transform: scale(1);
}

.btn--family-webc {
    --background: #007cc1;
    --background-hover: #006ca8;
    --background-press: #0d5983;
}