.js_product .td-qty .input-group{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} .js_product .td-action{width: 30px;} .js_product .td-price, .js_product .td-price-total{width: 120px;} @media (max-width: 767.98px){.js_product .td-img, .js_product .td-price-total{display: none;}.js_product .td-qty{width: 60px;}.js_product .td-price{width: 80px;}} @media (max-width: 476px){.js_product .td-qty{width: 60px;}.js_product #modal_optional_products table thead, .js_product .oe_cart table thead{display: none;}.js_product #modal_optional_products table td.td-img, .js_product .oe_cart table td.td-img{display: none;}} .o_total_row{height: 50px;} .oe_striked_price{text-decoration: line-through; white-space: nowrap;} 

/* /website_sale/static/src/scss/website_sale_options.scss defined in bundle 'web.assets_frontend' */
 .css_not_available.js_product > *:nth-child(5) > *{display: none;} table.js_cart_lines .optional_product .js_delete_product{display: none;} div#modal_optional_products table tr td{border: 0;} @media (max-width: 767.98px){div#modal_optional_products .td-qty{display: none;}} 

/* /website_snippet_big_button/static/src/scss/website_snippet_big_button.scss defined in bundle 'web.assets_frontend' */
 .big-buttons a{width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-around;} .big-buttons a > .d-block{white-space: normal;} 

/* /website_sale_delivery/static/src/scss/website_sale_delivery.scss defined in bundle 'web.assets_frontend' */
 @media (max-width: 767.98px){.o_delivery_compute{max-width: 130px; text-overflow: ellipsis; overflow: hidden;}} 

/* /website_sale_attribute_filter_price/static/src/lib/ionRangeSlider/ion.rangeSlider.css defined in bundle 'web.assets_frontend' */
 .irs{position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial, sans-serif;} .irs-line{position: relative; display: block; overflow: hidden; outline: none !important;} .irs-bar{position: absolute; display: block; left: 0; width: 0;} .irs-shadow{position: absolute; display: none; left: 0; width: 0;} .irs-handle{position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1;} .irs-handle.type_last{z-index: 2;} .irs-min, .irs-max{position: absolute; display: block; cursor: default;} .irs-min{left: 0;} .irs-max{right: 0;} .irs-from, .irs-to, .irs-single{position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap;} .irs-grid{position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px;} .irs-with-grid .irs-grid{display: block;} .irs-grid-pol{position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000;} .irs-grid-pol.small{height: 4px;} .irs-grid-text{position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000;} .irs-disable-mask{position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2;} .lt-ie9 .irs-disable-mask{background: #000; filter: alpha(opacity=0); cursor: not-allowed;} .irs-disabled{opacity: 0.4;} .irs-hidden-input{position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important;} .irs--flat{height: 40px;} .irs--flat.irs-with-grid{height: 60px;} .irs--flat .irs-line{top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px;} .irs--flat .irs-bar{top: 25px; height: 12px; background-color: #ed5565;} .irs--flat .irs-bar--single{border-radius: 4px 0 0 4px;} .irs--flat .irs-shadow{height: 1px; bottom: 16px; background-color: #e1e4e9;} .irs--flat .irs-handle{top: 22px; width: 16px; height: 18px; background-color: transparent;} .irs--flat .irs-handle > i:first-child{position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453;} .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child{background-color: #a43540;} .irs--flat .irs-min, .irs--flat .irs-max{top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px;} .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single{color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px;} .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before{position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565;} .irs--flat .irs-grid-pol{background-color: #e1e4e9;} .irs--flat .irs-grid-text{color: #999;} .irs--big{height: 55px;} .irs--big.irs-with-grid{height: 70px;} .irs--big .irs-line{top: 33px; height: 12px; background-color: white; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px;} .irs--big .irs-bar{top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);} .irs--big .irs-bar--single{border-radius: 12px 0 0 12px;} .irs--big .irs-shadow{height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5);} .irs--big .irs-handle{top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; border-radius: 30px;} .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover{border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);} .irs--big .irs-min, .irs--big .irs-max{top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px;} .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single{color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px;} .irs--big .irs-grid-pol{background-color: #428bca;} .irs--big .irs-grid-text{color: #428bca;} .irs--modern{height: 55px;} .irs--modern.irs-with-grid{height: 55px;} .irs--modern .irs-line{top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px;} .irs--modern .irs-bar{top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);} .irs--modern .irs-bar--single{border-radius: 5px 0 0 5px;} .irs--modern .irs-shadow{height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5);} .irs--modern .irs-handle{top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px;} .irs--modern .irs-handle > i:nth-child(1){position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; transform: rotate(45deg);} .irs--modern .irs-handle > i:nth-child(2){position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px;} .irs--modern .irs-handle > i:nth-child(3){position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1;} .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover{border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);} .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1){border-color: #7685a2;} .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3){border-color: #48536a;} .irs--modern .irs-min, .irs--modern .irs-max{top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px;} .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single{font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px;} .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before{position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426;} .irs--modern .irs-grid{height: 25px;} .irs--modern .irs-grid-pol{background-color: #dedede;} .irs--modern .irs-grid-text{color: silver; font-size: 13px;} .irs--sharp{height: 50px; font-size: 12px; line-height: 1;} .irs--sharp.irs-with-grid{height: 57px;} .irs--sharp .irs-line{top: 30px; height: 2px; background-color: black; border-radius: 2px;} .irs--sharp .irs-bar{top: 30px; height: 2px; background-color: #ee22fa;} .irs--sharp .irs-bar--single{border-radius: 2px 0 0 2px;} .irs--sharp .irs-shadow{height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5);} .irs--sharp .irs-handle{top: 25px; width: 10px; height: 10px; background-color: #a804b2;} .irs--sharp .irs-handle > i:first-child{position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2;} .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover{background-color: black;} .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child{border-top-color: black;} .irs--sharp .irs-min, .irs--sharp .irs-max{color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: 0.4; background-color: #a804b2; border-radius: 2px;} .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single{font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px;} .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before{position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2;} .irs--sharp .irs-grid{height: 25px;} .irs--sharp .irs-grid-pol{background-color: #dedede;} .irs--sharp .irs-grid-text{color: silver; font-size: 13px;} .irs--round{height: 50px;} .irs--round.irs-with-grid{height: 65px;} .irs--round .irs-line{top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px;} .irs--round .irs-bar{top: 36px; height: 4px; background-color: #006cfa;} .irs--round .irs-bar--single{border-radius: 4px 0 0 4px;} .irs--round .irs-shadow{height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5);} .irs--round .irs-handle{top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: white; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);} .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover{background-color: #f0f6ff;} .irs--round .irs-min, .irs--round .irs-max{color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px;} .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px;} .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa;} .irs--round .irs-grid{height: 25px;} .irs--round .irs-grid-pol{background-color: #dedede;} .irs--round .irs-grid-text{color: silver; font-size: 13px;} .irs--square{height: 50px;} .irs--square.irs-with-grid{height: 60px;} .irs--square .irs-line{top: 31px; height: 4px; background-color: #dedede;} .irs--square .irs-bar{top: 31px; height: 4px; background-color: black;} .irs--square .irs-shadow{height: 2px; bottom: 21px; background-color: #dedede;} .irs--square .irs-handle{top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover{background-color: #f0f6ff;} .irs--square .irs-min, .irs--square .irs-max{color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1);} .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single{font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white;} .irs--square .irs-grid{height: 25px;} .irs--square .irs-grid-pol{background-color: #dedede;} .irs--square .irs-grid-text{color: silver; font-size: 11px;} 

/* /website_snippet_carousel_product/static/src/scss/s_product_carousel.scss defined in bundle 'web.assets_frontend' */
 .s_product_carousel .oe_product{border-width: 0;} .s_product_carousel .oe_product .oe_product_image, .s_product_carousel .oe_product .oe_product_image img{position: unset;} 

/* /website_snippet_product_category/static/src/scss/snippet.scss defined in bundle 'web.assets_frontend' */
 .categ_container .categ_scroll_wrapper{border: 0 solid #dee2e6; border-width: 0 1px 0 0;} .categ_container .categ_scroll{overflow: hidden; overflow-y: auto;} .categ_container .categ_img img{width: 1.4em;} .categ_container .categ_tree_level[data-tree-level="2"]{font-size: 0.9em;} .categ_container .categ_tree_level[data-tree-level="2"] .categ_link{text-transform: capitalize; color: #343a40;} .categ_container .categ_tree_level[data-tree-level="3"]{font-size: 0.8em;} .categ_container .categ_tree_level[data-tree-level="3"] .categ_link{text-transform: capitalize; color: #495057;} .categ_container .categ_tree_level[data-tree-level="4"]{font-size: 0.7em;} .categ_container .categ_tree_level[data-tree-level="4"] .categ_link{text-transform: lowercase; color: #6c757d;} 

/* /website_sale_product_style_badge/static/src/scss/website_sale.scss defined in bundle 'web.assets_frontend' */
 .oe_product .custom-badges-container{z-index: 6;} .oe_product .custom-badges-container [class^="product-badge-"]{display: inline-block;} [class^="product-badge-"]{display: none;} 

/* /deltatech_website_product_slider_snippet/static/src/scss/website_products_slider.custom.web.assets_frontend.scss defined in bundle 'web.assets_frontend' */
 

/* /sh_age_popup/static/src/scss/style.scss defined in bundle 'web.assets_frontend' */
 #sh_website_modal_popup{padding-left: 0 !important;} #sh_website_modal_popup .modal-content{border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);} #sh_website_modal_popup .modal-body{padding: 2.5rem 1.5rem 1.5rem 1.5rem;} #sh_website_modal_popup .btn_group{margin-top: 10px;} #sh_website_modal_popup .btn_group .yes_btn{font-weight: bold; padding: 4px 3rem; border-radius: 3px; transition: all 0.4s;} #sh_website_modal_popup .btn_group .yes_btn:focus{box-shadow: none;} #sh_website_modal_popup .btn_group .no_btn{padding: 4px 3rem; margin-right: 3px; color: #fff; font-weight: bold; border-radius: 3px;} #sh_website_modal_popup .yes_msg{text-align: center; color: #fff; font-size: 9px; margin: 0 auto;} @media only screen and (max-width: 576px){#sh_website_model_popup .modal-content{top: -50%; left: 50%; transform: translate(-50%, 50%);}} #sh_website_modal_popup_2{background-position: center; background-repeat: no-repeat; background-size: cover;} #sh_website_modal_popup_2 .bg_overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: opacity(0.8);} #sh_website_modal_popup_2 .modal-content{background: transparent; border: none;} #sh_website_modal_popup_2 .btn_group .yes_btn{font-weight: bold; padding: 4px 3rem; border-radius: 3px; transition: all 0.4s;} #sh_website_modal_popup_2 .btn_group .exit_btn{padding: 4px 3rem; margin-right: 3px; color: #fff; font-weight: bold; border-radius: 3px;} #sh_website_modal_popup_2 .sh_input_box{text-align: center; color: #fff; margin-bottom: 2rem;} #sh_website_modal_popup_2 .form-control{text-align: center; font-weight: 600;} #sh_website_modal_popup_2 .form-control:focus{box-shadow: unset; border-color: unset;} #sh_website_modal_popup_2 #sh_check_cl:checked{width: 100px; height: 100px; border-color: green; background: transparent; border-left: none; border-top: none;} #sh_website_modal_popup_2 .check_cls{display: block; align-items: baseline; justify-content: center; text-align: center; color: #fff;} #sh_website_modal_popup_2 .input_checkbox_list{position: relative; margin-bottom: 18px;} #sh_website_modal_popup_2 .input-checkbox{position: absolute; left: -9999px; opacity: 0;} #sh_website_modal_popup_2 .input-checkbox + label{position: relative; padding-left: 28px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;} #sh_website_modal_popup_2 .input-checkbox + label::before, #sh_website_modal_popup_2 .input-checkbox + label::after{content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #fff; -webkit-border-radius: 1px; border-radius: 1px; margin-top: 2px; -webkit-transition: .2s; transition: .2s;} #sh_website_modal_popup_2 .input-checkbox:not(.filled-in):checked + label::before, #sh_website_modal_popup_2 .input-checkbox:not(.filled-in):checked + label::after{top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%;} #sh_website_modal_popup_2 .modal-body .sh_input_box .col span{font-size: 14px;} #sh_website_modal_popup_2 #not_eligible{text-align: center; color: red; margin-bottom: 1rem;} #sh_website_modal_popup_2 #valid_date{text-align: center; color: red; margin-bottom: 1rem;} #sh_website_modal_popup_2 #valid_date p{margin-bottom: 0;} #sh_website_modal_popup_2 #not_eligible p{margin-bottom: 0;} 

/* /bi_website_shop_product_filter/static/src/css/customfilter.css defined in bundle 'web.assets_frontend' */
 .customfilter{background: teal; color: white; font-size: large; font-weight: 600; text-align: center;} 

/* /website_megamenu/static/src/scss/website.scss defined in bundle 'web.assets_frontend' */
 .o_mega_menu{width: 100%; padding: 0; margin-top: 0; border-radius: 0; background-clip: unset;} .o_mega_menu .container, .o_mega_menu .container-fluid{padding-left: 15px; padding-right: 15px;} @media (min-width: 768px){.o_mega_menu_container_size{left: 50%; transform: translateX(-50%);}} @media (min-width: 576px){.o_mega_menu_container_size{max-width: 510px;}} @media (min-width: 768px){.o_mega_menu_container_size{max-width: 690px;}} @media (min-width: 992px){.o_mega_menu_container_size{max-width: 930px;}} @media (min-width: 1200px){.o_mega_menu_container_size{max-width: 1110px;}} 

/* /website_sale_tax_toggle/static/src/scss/website_sale_tax_toggle.scss defined in bundle 'web.assets_frontend' */
 .o_switch{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; font-weight: normal; cursor: pointer;} .o_switch > input{display: none;} .o_switch > input + span{background-color: #fcfcfc; box-shadow: inset 0 0 0px 1px #e3e2e2; border-radius: 100rem; height: 2ex; width: 3.62ex; margin-right: 0.51em; display: inline-block; transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); font-size: 15px;} .o_switch > input + span:after{content: ""; background: #fcfcfc; display: block; width: 1.8ex; height: 1.8ex; margin-top: 0.1ex; margin-left: 0.1ex; border-radius: 100rem; transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: 0 1px 1px #a3a3a3, inset 0 0 0 1px white;} .o_switch > input:checked + span{box-shadow: none; background: #40ad67;} .o_switch > input:checked + span:after{margin-left: 1.7ex;} .o_switch.o_switch_danger > input:not(:checked) + span{box-shadow: none; background: #e6586c;} 

/* /gtica_whatsapp_live_free/static/src/scss/gtica_whatsapp.scss defined in bundle 'web.assets_frontend' */
 .whatsappapi{position: fixed; z-index: 1000; right: 20px; bottom: 20px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; font-size: 16px; line-height: 1.625em; color: #262626; transform: scale3d(0, 0, 0); transition: transform .3s ease-in-out; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none;} .whatsappapi *, .whatsappapi *:before, .whatsappapi *:after{box-sizing: border-box;} .whatsappapi svg, .whatsappapi svg path{fill: currentColor !important;} .whatsappapi.whatsappapi--show{transform: scale3d(1, 1, 1); transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);} .whatsappapi__button{display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; position: absolute; z-index: 2; bottom: 8px; right: 8px; height: 60px; min-width: 60px; max-width: 95vw; background-color: #25D366; color: #fff; border-radius: 30px; box-shadow: 1px 6px 24px 0 rgba(7, 94, 84, 0.24); cursor: pointer; transition: background-color 0.2s linear; -webkit-tap-highlight-color: transparent;} .whatsappapi__button:hover{background-color: #128C7E; transition: background-color 1.5s linear;} .whatsappapi--chatbox .whatsappapi__button{background-color: #128C7E; transition: background-color 0.2s linear;} .whatsappapi--chatbox .whatsappapi__button:hover{background-color: #075E54;} .whatsappapi__button:active{background-color: #075E54; transition: none;} @supports (-webkit-overflow-scrolling: touch){.whatsappapi--chatbox .whatsappapi__button{background-color: #34B7F1;}.whatsappapi--chatbox .whatsappapi__button:hover, .whatsappapi__button:active{background-color: #228bb9;}} .whatsappapi__button svg{width: 36px; height: 36px; margin: 12px 12px;} .whatsappapi--chatbox .whatsappapi__button{box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);} [dir=rtl] .whatsappapi__button{-ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse;} [dir=rtl] .whatsappapi--left .whatsappapi__button{-ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row;} @media (max-width: 480px), (orientation: landscape) and (max-width: 767px){.whatsappapi{bottom: 6px; right: 6px;}}