.btn {
    border-radius: 0;
    width: fit-content;
    --bs-btn-padding-x: 25px;
    --bs-btn-padding-y: 5px;
    --bs-btn-font-size: 20px;
}

.btn-primary,
.eal-carousel-caption .btn-outline-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #10218b;
    --bs-btn-border-color: #10218b;
    --bs-btn-hover-color: #10218b;
    --bs-btn-hover-bg: #9ddfff;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #10218b;
    --bs-btn-hover-border-color: #9ddfff;
    transition: background-color border-color .25s ease-in;
}

.btn-primary--orange {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f95d10;
    --bs-btn-border-color: #f95d10;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #ff722c;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f95d10;
    --bs-btn-hover-border-color: #ff722c;
    transition: background-color border-color .25s ease-in;
}

.btn-outline-primary {
    --bs-btn-color: #10218b;
    --bs-btn-border-color: #10218b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #10218b;
    --bs-btn-hover-border-color: #10218b;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #10218b;
    --bs-btn-hover-border-color: #10218b;
    --bs-btn-bg: white;
}

.btn-outline-secondary{
    background-color: transparent;
    border: 1px solid white;
    color: #ffffff;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:active{
    background-color: white!important;
    color: #006DDC!important;
    border: 1px solid white!important;
}

.eal-btn-primary .bi-caret-right-fill{
    margin-left: 15px;
}

.eal-btn-primary .bi-caret-right-fill::before{
    font-size: 18px;
}

.btn.btn-primary-inverse,
.btn.btn-primary-inverse__white{
    background-color: transparent;
    color: #10218b;
    padding: 0;
    position: relative;
    width: fit-content;
    font-weight: bold;
    text-align: left;
}

.btn.btn-primary-inverse:hover,
.btn.btn-primary-inverse__white:hover{
    text-decoration: underline;
}

.btn.btn-primary-inverse::after,
.btn.btn-primary-inverse__white::after{
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #10218b;
    position: absolute;
    right: -20px;
    top: 44%;
    bottom: auto;
    -webkit-transform: translateY(-50%) rotate(0deg) scale(1);
    transform: translateY(-50%) rotate(0deg) scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
}

@media screen and (min-width: 992px) {
    .btn.btn-primary-inverse__white{
        color: #ffffff;
    }
    
    .btn.btn-primary-inverse__white::after{
        border-left: 10px solid #ffffff;
    }
    
}

.btn-primary--white{
    background-color: #ffffff;
    color: #10218b;
}
.btn-primary--white::after{
    border-left: 10px solid #10218b;
}
.btn-primary--arrowless {
    /* background-color: #10218b; */
    position: relative;
    color: #fff;
    border: none;
}
.btn-primary--arrowless::after{
    display: none;
}
/* .btn-primary--arrowless:hover{
    background-color: #9ddfff;
    color: #10218b;
} */
.btn-primary:disabled{
    background-color: #90949c;
    border-color: #90949c;
}

/* .btn.btn-add-to-trolley{
    background-color: #10218b;
    color: #ffffff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out;
} */

.btn.btn-add-to-trolley {
    background-color: green;
    color: #ffffff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out;
}

.btn.btn-add-to-trolley:hover{
    /* background-color: #9ddfff; */
    background-color: rgb(0 128 0 / 53%);
    /* color: #10218b; */
    color: #023602;
}

.btn.btn-add-to-trolley--red{
    background-color: red;
}

.btn.btn-add-to-trolley::before{
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    content: "\e116";
    font-size: 12px;
    margin-right: 10px;
}

.btn.btn-notify-me{
    background-color: #90949c;
    color: #ffffff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out;
}

.btn.btn-notify-me::before{
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    content: "\e123";
    font-size: 12px;
    margin-right: 10px;
}

.btn.btn-notify-me:hover{
    background-color: #353535;
}

.btn-orange-fill{
    background-color: #ff5a21;
    color: white!important;
}

.btn-orange-fill:hover,
.btn-orange-fill:active{
    background-color: #ff7c4f!important;
}

.btn-orange-fill:active{
    border: 1px solid #ff7c4f!important;
}

.btn-orange-outline{
    background-color: transparent;
    color: #ff7c4f;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    width: fit-content;
    text-align: left;
}

.btn.btn-orange-outline:hover{
    text-decoration: underline;
}

.btn.btn-orange-outline::after{
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #ff7c4f;
    position: absolute;
    right: -20px;
    top: 44%;
    bottom: auto;
    -webkit-transform: translateY(-50%) rotate(0deg) scale(1);
    transform: translateY(-50%) rotate(0deg) scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.btn.btn-orange-outline:hover::after{
    border-left-color: #ffffff;;
}

.button-group{
    gap: var(--gap);
}

.jump-to-product::after{
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    transition: color .15s ease-in-out;
    background-repeat: no-repeat;
}

.printers .jump-to-product::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' overflow='hidden' viewBox='0 0 96 96'%3E%3Cg transform='translate(-64 -436)'%3E%3Cpath d='M130 498.5 129.9 518.5 94.2 518.5 94 498.5 130 498.5ZM88.2 524.5 135.8 524.5 135.9 492.5 88 492.5 88.2 524.5Z' fill='%2310218B'/%3E%3Cpath d='M102 502.5 122 502.5 122 506.5 102 506.5Z' fill='%2310218B'/%3E%3Cpath d='M102 510.5 122 510.5 122 514.5 102 514.5Z' fill='%2310218B'/%3E%3Cpath d='M130 473 94 473 94 450 116 450 116 464 130 464 130 473ZM122 450.4 128.9 458 122 458 122 450.4ZM78 478C75.8 478 74 476.2 74 474 74 471.8 75.8 470 78 470 80.2 470 82 471.8 82 474 82 476.2 80.2 478 78 478ZM152 464 136 464 136 456.8 124.3 444 88 444 88 464 72 464C69.8 464 68 465.8 68 468L68 508C68 510.2 69.8 512 72 512L84 512 84 489 140 489 140 512 152 512C154.2 512 156 510.2 156 508L156 468C156 465.8 154.2 464 152 464Z' fill='%2310218B'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.printers .jump-to-product:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' overflow='hidden' viewBox='0 0 96 96'%3E%3Cg transform='translate(-64 -436)'%3E%3Cpath d='M130 498.5 129.9 518.5 94.2 518.5 94 498.5 130 498.5ZM88.2 524.5 135.8 524.5 135.9 492.5 88 492.5 88.2 524.5Z' fill='%23ffffff'/%3E%3Cpath d='M102 502.5 122 502.5 122 506.5 102 506.5Z' fill='%23ffffff'/%3E%3Cpath d='M102 510.5 122 510.5 122 514.5 102 514.5Z' fill='%23ffffff'/%3E%3Cpath d='M130 473 94 473 94 450 116 450 116 464 130 464 130 473ZM122 450.4 128.9 458 122 458 122 450.4ZM78 478C75.8 478 74 476.2 74 474 74 471.8 75.8 470 78 470 80.2 470 82 471.8 82 474 82 476.2 80.2 478 78 478ZM152 464 136 464 136 456.8 124.3 444 88 444 88 464 72 464C69.8 464 68 465.8 68 468L68 508C68 510.2 69.8 512 72 512L84 512 84 489 140 489 140 512 152 512C154.2 512 156 510.2 156 508L156 468C156 465.8 154.2 464 152 464Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.projectors .jump-to-product::after{
    width: 25px;
    background-position-y: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' overflow='hidden' viewBox='0 0 96 58'%3E%3Cg transform='translate(-544 -450)'%3E%3Cpath d='M83.797 45.6893 63.8454 45.6893C62.748 45.6893 61.8502 44.7915 61.8502 43.6942 61.8502 42.5968 62.748 41.699 63.8454 41.699L83.797 41.699C84.8944 41.699 85.7922 42.5968 85.7922 43.6942 85.7922 44.7915 84.8944 45.6893 83.797 45.6893ZM83.797 55.6652 63.8454 55.6652C62.748 55.6652 61.8502 54.7674 61.8502 53.67 61.8502 52.5727 62.748 51.6748 63.8454 51.6748L83.797 51.6748C84.8944 51.6748 85.7922 52.5727 85.7922 53.67 85.7922 54.7674 84.8944 55.6652 83.797 55.6652ZM38.9058 63.6458C29.5285 63.6458 21.9468 56.0642 21.9468 46.6869 21.9468 37.3096 29.5285 29.728 38.9058 29.728 48.2831 29.728 55.8647 37.3096 55.8647 46.6869 55.8647 56.0642 48.2831 63.6458 38.9058 63.6458ZM10.9734 41.2002C9.87608 41.2002 8.97825 40.3024 8.97825 39.205 8.97825 38.1077 9.87608 37.2099 10.9734 37.2099 12.0708 37.2099 12.9686 38.1077 12.9686 39.205 12.9686 40.3024 12.0708 41.2002 10.9734 41.2002ZM87.7874 32.222 85.7922 32.222 85.7922 33.7183C85.7922 34.8157 84.8944 35.7135 83.797 35.7135 82.6997 35.7135 81.8019 34.8157 81.8019 33.7183L81.8019 32.222 75.8164 32.222 75.8164 33.7183C75.8164 34.8157 74.9185 35.7135 73.8212 35.7135 72.7239 35.7135 71.826 34.8157 71.826 33.7183L71.826 32.222 65.8405 32.222 65.8405 33.7183C65.8405 34.8157 64.9427 35.7135 63.8454 35.7135 62.748 35.7135 61.8502 34.8157 61.8502 33.7183L61.8502 32.222 54.069 32.222C50.0787 28.0321 44.6918 25.7377 38.9058 25.7377 33.2195 25.7377 27.7328 28.0321 23.7425 32.222L7.98067 32.222C5.78599 32.222 3.99034 34.0176 3.99034 36.2123L3.99034 60.1543C3.99034 62.349 5.78599 64.1446 7.98067 64.1446L13.9662 64.1446 11.971 70.1301 17.9565 70.1301 19.9517 64.1446 27.3338 64.1446C34.3169 68.8333 43.4947 68.8333 50.4777 64.1446L75.8164 64.1446 77.8115 70.1301 83.797 70.1301 81.8019 64.1446 87.7874 64.1446C89.9821 64.1446 91.7777 62.349 91.7777 60.1543L91.7777 36.2123C91.7777 33.9179 89.9821 32.222 87.7874 32.222Z' fill='%2310218B' transform='matrix(1.00242 0 0 1 544 429.068)'/%3E%3Cpath d='M51.4753 46.3876C51.4753 53.3296 45.8477 58.9572 38.9058 58.9572 31.9638 58.9572 26.3362 53.3296 26.3362 46.3876 26.3362 39.4457 31.9638 33.8181 38.9058 33.8181 45.8477 33.8181 51.4753 39.4457 51.4753 46.3876Z' fill='%2310218B' transform='matrix(1.00242 0 0 1 544 429.068)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.projectors .jump-to-product:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' overflow='hidden' viewBox='0 0 96 58'%3E%3Cg transform='translate(-544 -450)'%3E%3Cpath d='M83.797 45.6893 63.8454 45.6893C62.748 45.6893 61.8502 44.7915 61.8502 43.6942 61.8502 42.5968 62.748 41.699 63.8454 41.699L83.797 41.699C84.8944 41.699 85.7922 42.5968 85.7922 43.6942 85.7922 44.7915 84.8944 45.6893 83.797 45.6893ZM83.797 55.6652 63.8454 55.6652C62.748 55.6652 61.8502 54.7674 61.8502 53.67 61.8502 52.5727 62.748 51.6748 63.8454 51.6748L83.797 51.6748C84.8944 51.6748 85.7922 52.5727 85.7922 53.67 85.7922 54.7674 84.8944 55.6652 83.797 55.6652ZM38.9058 63.6458C29.5285 63.6458 21.9468 56.0642 21.9468 46.6869 21.9468 37.3096 29.5285 29.728 38.9058 29.728 48.2831 29.728 55.8647 37.3096 55.8647 46.6869 55.8647 56.0642 48.2831 63.6458 38.9058 63.6458ZM10.9734 41.2002C9.87608 41.2002 8.97825 40.3024 8.97825 39.205 8.97825 38.1077 9.87608 37.2099 10.9734 37.2099 12.0708 37.2099 12.9686 38.1077 12.9686 39.205 12.9686 40.3024 12.0708 41.2002 10.9734 41.2002ZM87.7874 32.222 85.7922 32.222 85.7922 33.7183C85.7922 34.8157 84.8944 35.7135 83.797 35.7135 82.6997 35.7135 81.8019 34.8157 81.8019 33.7183L81.8019 32.222 75.8164 32.222 75.8164 33.7183C75.8164 34.8157 74.9185 35.7135 73.8212 35.7135 72.7239 35.7135 71.826 34.8157 71.826 33.7183L71.826 32.222 65.8405 32.222 65.8405 33.7183C65.8405 34.8157 64.9427 35.7135 63.8454 35.7135 62.748 35.7135 61.8502 34.8157 61.8502 33.7183L61.8502 32.222 54.069 32.222C50.0787 28.0321 44.6918 25.7377 38.9058 25.7377 33.2195 25.7377 27.7328 28.0321 23.7425 32.222L7.98067 32.222C5.78599 32.222 3.99034 34.0176 3.99034 36.2123L3.99034 60.1543C3.99034 62.349 5.78599 64.1446 7.98067 64.1446L13.9662 64.1446 11.971 70.1301 17.9565 70.1301 19.9517 64.1446 27.3338 64.1446C34.3169 68.8333 43.4947 68.8333 50.4777 64.1446L75.8164 64.1446 77.8115 70.1301 83.797 70.1301 81.8019 64.1446 87.7874 64.1446C89.9821 64.1446 91.7777 62.349 91.7777 60.1543L91.7777 36.2123C91.7777 33.9179 89.9821 32.222 87.7874 32.222Z' fill='%23FFFFFF' transform='matrix(1.00242 0 0 1 544 429.068)'/%3E%3Cpath d='M51.4753 46.3876C51.4753 53.3296 45.8477 58.9572 38.9058 58.9572 31.9638 58.9572 26.3362 53.3296 26.3362 46.3876 26.3362 39.4457 31.9638 33.8181 38.9058 33.8181 45.8477 33.8181 51.4753 39.4457 51.4753 46.3876Z' fill='%23FFFFFF' transform='matrix(1.00242 0 0 1 544 429.068)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.no-stock{
    background-color: #90949c;
    border: none;
}

.no-stock:hover{
    background-color: #353535;
    color: #ffffff;
}

.btn-primary.no-stock:hover:after{
    border-left-color: #ffffff;
}

@media screen and (min-width: 992px) {
    .eal-carousel-caption .btn-outline-primary {
        --bs-btn-color: #10218b;
        --bs-btn-border-color: #10218b;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #10218b;
        --bs-btn-hover-border-color: #10218b;
        --bs-btn-focus-shadow-rgb: 13,110,253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #10218b;
        --bs-btn-hover-border-color: #10218b;
        --bs-btn-bg: white;
    }
}