.woocommerce-cart h2,
		.woocommerce-checkout h2,
		.woocommerce-checkout h3,
		.woocommerce-checkout h4,
		.woocommerce-account h3 {
			font-family: "SourceSansPro",  sans-serif;
		}.main-navigation a {
			font-family: "Poppins",  sans-serif;
		}
		body,
		button,
		select,
		optgroup,
		textarea,
		#masthead .sub-menu .menu-level-1 li a,
		#desktop-navigation #primary-menu .atomion-simple-menu li a,
		#mobile-navigation #primary-menu .atomion-simple-menu li a,
		#desktop-navigation #atomion-account-menu .atomion-simple-menu li a,
		#masthead #desktop-navigation #atomion-account-menu a.logout, 
		#atomion-more-latest-posts h3,
		#mini-cart-widget .button,
		.archive .woocommerce-loop-product__title,
		.entry-title,
		.section-headding,
		#atomion-product-features,
		.woocommerce-Reviews-title,
		.woocommerce-checkout #payment_method {
			font-family: "SourceSansPro",  sans-serif;
		}
		
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		.h2,
		.highlights figcaption,
		.wp-block-atomion-block-icon-box span,
		#content .atomion-big-headline,
		[class^="wp-block-woocommerce"] ul.products li .atomion-woocommerce-product-category,
		.blog .entry-title,
		.post-title {
			font-family: "Poppins",  sans-serif;
		}
	/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/** Layout **/
body {
 background: #ffffff;
}

#content {
    max-width: calc(1200px + 10%);
    padding: 0 5%;
}

.single-post #content .entry-content {
    max-width: calc(1200px - 200px);
    margin: 0 auto
}

.single-post .alignwide {
  max-width: 1200px;
  width: 100vw;
}

#primary-menu li:hover > .sub-menu-wrap.menu-level-0 > ul {
    max-width: 1295px;
}

/** Highlight Color **/
h1:after, 
h2:after,
blockquote:before, 
blockquote:after,
#atomion-searchicon,
.widget-title:after,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_product_search button,
.product-page-sections .section-headding:after,
.woocommerce input.button.alt, .woocommerce input.button.alt:hover,
#atomion-more-latest-posts h3:after,
#masthead .atomion-megamenu-img-element > a:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li.menu-item-has-children > a:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li > .menu-image-hovered:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li > .menu-image-not-hovered:after,
#masthead .sub-menu-wrap.menu-level-1 li.menu-item-has-children > a:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li.menu-item-has-children:not(.atomion-megamenu-img-element) > a:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li.menu-item-has-children > a:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li > .menu-image-title-above.menu-image-not-hovered span.menu-image-title:after,
#masthead .sub-menu-wrap.menu-level-0 > .sub-menu > li > .menu-image-title-above.menu-image-hovered span.menu-image-title:after,
#atomion-reading-progress .bar,
.search-lightbox .search__inner--down,
nav.woocommerce-MyAccount-navigation ul li a:after,
#atomion-review-overview .bar,
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li a:after {
    background-color: #00cea5;
}


.wgm-info a,
.pre-headline,
a.versandkosten,
.product-page-sections .section-headding,
.product-page-accordion .section-headding,
#comments .reply a,
#content a:hover:not(.button),
#content p a,
.shariff-button a:hover span,
#header .main-navigation .sub-menu li.current-menu-item > a,
.atomion-post-category,
.atomion-post-category a,
#blog-sidebar i#atomion-searchicon:hover,
.entry-content ul li:before,
#atomion-summary-wrapper ul li:before,
#search.search-dropdown #atomion-search.open,
.search-lightbox #atomion-searchfield,
.search-lightbox  .search__info,
.search-lightbox  #btn-search-close,
.atomion-select-ppp a.text-option.selected,
#masthead #mobile-navigation #cart.filled a.header-cart-link,
.entry-content ul li a,
.entry-content ol li a,
.checkout-focus-label,
.atomion-account-orders-right a,
.atomion-account-orders-right a.atomion-order-link,
html .wp-block-search .wp-block-search__button:hover,
html .wp-block-calendar #today,
.sidebar-content #wp-calendar #today,
html .wp-block-calendar tfoot a,
.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li.active,
#masthead #atomion-account-menu a.logout:hover {
    color: #00cea5;
}

.widget .tagcloud a:hover,
.woocommerce-checkout input[type='checkbox']:checked  + label::before,
.woocommerce-account input[type='checkbox']:checked  + label::before,
.woocommerce-cart input[type='radio']:checked  + label::before,
.woocommerce-checkout input[type='radio']:checked  + label::before,
.woocommerce-checkout label.checkbox input[type="checkbox"]:checked:before,
.woocommerce-account label.checkbox input[type="checkbox"]:checked:before,
.woocommerce-checkout label.woocommerce-form__label-for-checkbox input[type="checkbox"]:checked:before,
.woocommerce-account label.woocommerce-form__label-for-checkbox input[type="checkbox"]:checked:before,
#content .wp-block-atomion-block-hero-slider .slick-dots li.slick-active,
span.cb-style.checked {
  background-color: #00cea5;
  border-color: #00cea5;
}

/* Hero-Slider Button Outline + Block: Button is-style-squared + -default + -outline:hover */
#content .hero-slider-content a.outline:hover,
.wp-block-button.is-style-squared .wp-block-button__link:hover,
.wp-block-button.is-style-default .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: #00cea5!important;
}

#content .hero-slider-content a.outline:hover::before, 
#content .hero-slider-content a.outline:hover::after,
html .wp-block-search .wp-block-search__button:hover {
    border-color: #00cea5;
}

#atomion-review-overview .bar-block {
  border: 2px solid #00cea5;
}


.input__label-content--yoshiko::after {
  color:#00cea5;
  }
.input__field--yoshiko:focus + .input__field--yoshiko,
.input--filled .input__field--yoshiko, textarea.input__field--yoshiko:focus {
  background-color: transparent;
  border-color: #00cea5;
}

/** Menü Hover + Active **/
#primary-menu.nav-menu > li > a:after,
#primary-menu.menu > li > a:after {
  background: #00cea5;
}

/** Gutenberg-Block: Seperator **/
.wp-block-separator.atomion-divider-primary,
.wp-block-separator.atomion-divider-full-primary {
  background-color: #00cea5;
  border-color: #00cea5;  
}

/** Headlines **/
h1, h2, h3, h4, h5, h6 {
  color: #003648;
}

/** Text **/
body, 
p, small,
.woocommerce-cart .cart-collaterals .cart_totals p small,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.sidebar-content .select2-container--default .select2-selection--single .select2-selection__placeholder,
input,
textarea,
input::placeholder, 
textarea::placeholder {
  color: #777777; 
}

/* Notification Colors */
.woocommerce-info {
  border-top-color: #00cea5;
  float: left;
  width: 100%;
}

.woocommerce-info a,
.woocommerce-info:before {
  color: #00cea5;
}

.woocommerce-message {
  border-top-color: ;
}

.woocommerce-message a,
.woocommerce-message::before { 
  color: ;
}

.woocommerce-error {
    border-top-color: #b20000;
}

.woocommerce-error a,
.woocommerce-error::before {
  color: #b20000;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container, 
.woocommerce form .form-row.woocommerce-invalid input.input-text, 
.woocommerce form .form-row.woocommerce-invalid select {
  border-color: #b20000;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/* Top Bar */
#top-bar .inner,
#top-bar .menu-item .sub-menu {
  background-color: #37b9e3;
}

#top-bar .inner *,
#header #top-bar li.current-menu-item a {
  color: white;
  font-size: 97%;
}

/* Heder Main */
#header .boxed {
    max-width: 1200px;
    margin: 0 auto;
}
#header #masthead {
  height: auto;
  background-color: #FFFFFF;
}

.header-main #logo {
  max-height: 100%;
}

#desktop-navigation #logo img {
  width: 180px;
}

#logo img {
  padding: 10px;
}


#header .header-element a,
#cart, 
#social i,
#mobile-navigation button.toggle {
  color: #003648;
}

#mobile-navigation .line {
  stroke: #003648;
}

#masthead #mobile-navigation #cart > a {
  color: ;   
}

#masthead #mobile-navigation #cart > a.header-cart-link.filled {
  color: ;   
}

#header #mobile-navigation .header-element a,
#mobile-navigation #social i,
#mobile-navigation button.toggle {
  color: #818E9B;  
}

#header #mobile-navigation li.current-menu-item a {
  color: #37B9E3;  
}

#mobile-navigation #primary-menu.nav-menu > li > a:after,
#mobile-navigation #primary-menu.menu > li > a:after {
  background-color: #37B9E3;  
}

#social i {
  color: #999999;  
}

#primary-men.nav-menu>li,
#primary-men.menu>li {
  height: 100px;
  display: flex !important;
  align-items: center;
}
#header li.current-menu-item a, 
#header #desktop-navigation .main-navigation #primary-menu > li:hover > a,
#header .main-navigation .sub-menu .menu-level-1 li a:hover,
#header .main-navigation .atomion-simple-menu .sub-menu li a:hover,
#header .main-navigation .atomion-simple-menu .sub-menu li a:hover:after,
#header #atomion-account-menu li a:hover,
#header .header-element:hover > a,
#cart #mini-cart-widget a, 
#cart:hover,
#cart a, 
#cart p, 
#social a:hover i,
.modal-content #german_market_privacy_declaration_field a {
    color: #404040;
    text-decoration: none;
}

#masthead #desktop-navigation #search,
#masthead #desktop-navigation #account,
#masthead #desktop-navigation #social,
#masthead #desktop-navigation #search.search-lightbox a,
#masthead #desktop-navigation #wishlist
{
  height: 100px;
}

/*** Search **/
#atomion-search-wrapper.search-dropdown {
    width: calc(400px + 50px);
}

#atomion-searchfield {
  width: 100%;
  float: left;
  max-width: 400px;
}

#atomion-searchicon {
  border-color: #00cea5;
}

#atomion-searchicon:hover {
  background-color: transparent;
  border-color: #00cea5;
  color: #00cea5;
}

#masthead #mobile-navigation #atomion-search-wrapper.search-lightbox {
  top: calc(-100px - 1px);
}

.atomion-lightbox-search::before,
.atomion-lightbox-search::after {
  border: 1.5em solid #00cea5;
}


/** Instagram filled */
#masthead #social i.fab.fa-instagram.filled {
    background: #999999;
    color: #15191D;
    border-right: 2px solid #999999;
    border-left: 2px solid #999999;
    border-bottom: 0px solid #999999;
    line-height: 16px;
    position: relative;
    height: 16px;
}

#top-bar i.fab.fa-instagram.filled {
  background: white;
  color: #37b9e3;
  border-right: 2px solid white;
  border-left: 2px solid white;
  border-bottom: 0px solid white;  
  line-height: 12px;
  position: relative;
  height: 13px;
  font-size: 78%;
  top: -1px;
  border-radius: 1px;
}

#top-bar i.fab.fa-instagram.filled:before {
  line-height: 13px;
}

#masthead #social .fa-instagram.filled:before {
    content: "\f16d";
    font-size: 12px;
    line-height: 0;
    position: relative;
    top: -1px;
}

#masthead #social i.fab.fa-instagram.filled:hover {
  background: #404040;
  border-color: #404040;
}

#mobile-navigation #social i.fab.fa-instagram.filled,
#mobile-navigation #social i.fab.fa-instagram.filled:hover {
	background: #818E9B;
    border-color: #818E9B;
    color: #fff;
    height:14px;
    line-height:14px;
}

#mobile-navigation #social i.fab.fa-instagram.filled:before {
	font-size: 10px;
}

/** Instagram filled footer */
footer .social-media-icon i.fa-instagram.filled {
    background: white;
    color: #003648;
    border-radius: 2px;
    border-right: 3px solid white;
    border-left: 3px solid white;
    border-bottom: 0px solid white;
    line-height: 16px;
    position: relative;
}

footer .social-media-icon i.fa-instagram.filled:before {
    font-size: 14px;
    position: relative;
    top: -1px;
}

footer .social-media-icon:hover i.fa-instagram.filled {
  background: #003648;
  color: white;
  border-color: #003648;
}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
/* Abstand Hover-Elemente vom Parent DESKTOP */
#masthead .sub-menu-wrap.menu-level-0, 
#masthead #desktop-navigation #cart #mini-cart-widget,
#masthead #desktop-navigation #atomion-search-wrapper.search-dropdown,
#masthead #mobile-navigation #main-navigation,
#masthead #mobile-navigation #cart #mini-cart-widget {
  top: 100px;
}

#masthead #mobile-navigation #cart #mini-cart-widget {
  height: 100vh;
}

#masthead #mobile-navigation #cart.filled #mini-cart-widget {
  height: 100vh; 
  min-height: unset;
  max-height: 100vh;
}



#mobile-navigation #mini-cart-widget:after {
    content: '';
    display: block;
    width: 100%;
    height: calc(100px + 104px + 20px);
}

.stuck #mobile-navigation #mini-cart-widget:after {
    height: calc(80px + 104px + 20px);
}

.admin-bar #mobile-navigation #mini-cart-widget:after {
    height: calc(100px + 104px + 20px + 32px);
}

.admin-bar .stuck #mobile-navigation #mini-cart-widget:after {
    height: calc(80px + 104px + 20px);
}

@media screen and (max-width: 782px ) {
  .admin-bar #mobile-navigation #mini-cart-widget:after {
      height: calc(100px + 104px + 20px + 46px);
  }

  .admin-bar .stuck #mobile-navigation #mini-cart-widget:after {
      height: calc(80px + 104px + 20px);
  }
}


#desktop-navigation #primary-menu.nav-menu > li ,
#desktop-navigation #primary-menu.menu > li,
#masthead #mobile-navigation #cart > a,
#masthead #mobile-navigation .menu-toggle {
  height: 100px;
}

#masthead.stuck #desktop-navigation #cart,
#header .stuck #desktop-navigation #primary-men.nav-menu>li,
#header .stuck #desktop-navigation #primary-men.menu>li,
#masthead.stuck #desktop-navigation #account,
#masthead.stuck #desktop-navigation #search,
#masthead.stuck #desktop-navigation #social,
#masthead.stuck #desktop-navigation #wishlist,
#masthead.stuck #desktop-navigation #account > a,
#masthead.stuck #desktop-navigation #wishlist a,
#masthead.stuck #desktop-navigation #search a,
#masthead.stuck #desktop-navigation #primary-menu.nav-menu > li > a,
#masthead.stuck #desktop-navigation #primary-menu.menu > li > a,
#masthead.stuck #mobile-navigation #cart > a,
#masthead.stuck #mobile-navigation .menu-toggle {
    height: 80px;
}
.stuck .sub-menu-wrap.menu-level-0, 
#masthead.stuck #desktop-navigation #cart #mini-cart-widget,
#masthead.stuck #desktop-navigation #atomion-search-wrapper.search-dropdown,
#masthead.stuck #mobile-navigation #main-navigation,
#masthead.stuck #mobile-navigation #cart #mini-cart-widget {
  top: 80px;
}

#masthead #mobile-navigation #logo img {
  max-height: 100px;
  margin: 0 auto;  
}

#masthead.stuck #mobile-navigation #logo .sticky-logo {
  max-height: 80px;  
}

#masthead.stuck #mobile-navigation #cart #mini-cart-widget {
  height: 100vh;
  min-height: unset;
  max-height: 100vh;
}

#masthead.stuck #mobile-navigation #cart.filled #mini-cart-widget {
  height: 100vh;
  min-height: unset;
  max-height: 100vh;
}

#masthead.stuck #desktop-navigation #logo img.sticky-logo {
  width: 140px;
  padding: 5px;
}

#masthead .sub-menu-wrap.menu-level-0 {
  background-color: #ffffff;
}

#header .main-navigation .sub-menu li a,
#header #mobile-navigation .main-navigation .sub-menu li a {
  color: #003648;
}

#masthead #mobile-navigation #main-navigation {
  height: calc(100vh - 100px);
  width: 100vw;
  margin-left: -5.5%;
}

#masthead.stuck #mobile-navigation #main-navigation {
  height: calc(100vh - 80px);
}

.admin-bar #masthead:not(.stuck) #mobile-navigation #main-navigation {
  height: calc(100vh - 100px - 32px);
  width: 110vw;
}

@media screen and (max-width: 600px) {
  .admin-bar #masthead:not(.stuck) #mobile-navigation #main-navigation {
    height: calc(100vh - 100px - 46px);
    width: 100vw;
  }  
}


/*--------------------------------------------------------------
# WooCommerce Mini-Cart
--------------------------------------------------------------*/
#masthead #desktop-navigation #cart,
#masthead #desktop-navigation #account > a,
#masthead #desktop-navigation #wishlist a,
#masthead #desktop-navigation #search a {
  height: 100px;
}

/** Mini Cart Header Element BG-Color **/
#masthead #desktop-navigation #cart {
  background-color: ;  
}

/** Mini Cart Header Element Icon Color **/
#masthead #desktop-navigation #cart a.header-cart-link {
  color: #ffffff;    
}

/** Mini Cart filled Header Element BG-Color **/
#masthead #desktop-navigation #cart.filled {
  background-color: #00cea5;
  border: 0;
}

/** Mini Cart filled Header Element Icon Color **/
#masthead #desktop-navigation #cart.filled a.header-cart-link {
  color: #ffffff;    
}

/** Mini Cart BG-Color **/
#cart #mini-cart-widget {
  background-color: #003648;
}

/** Mini Cart BG-Color Effect on remove product **/
#cart .blockUI.blockOverlay {
    background: #003648!important;
    background-color: #003648!important;
}

/* Mini Cart Product Seperator */
#mini-cart-widget li {
  border-bottom: 1px solid  #dddddd;
}

/* Mini Cart Trash Icon */
#cart #mini-cart-widget i {
  color: #dddddd;
}

#cart #mini-cart-widget, 
#cart #mini-cart-widget ul a,
#cart #mini-cart-widget p {
  color: #ffffff !important;
}

#cart #mini-cart-widget .button.checkout.wc-forward,
.wgm-second-checkout input#place_order_back:hover,
#cart #mini-cart-widget .button.wc-forward:before {
  background-color: #00cea5;
  border: 0;
}

.woocommerce .cart .button, 
.woocommerce .cart input.button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce button.button, 
.woocommerce button.button.alt, 
.woocommerce #review_form #respond .form-submit input,
.woocommerce a.button,
input.mailpoet_submit,
input[type="submit"],
a.atomion-edit-address-button, 
.woocommerce-MyAccount-content button.button,
.atomion-account .button,
#content .hero-slider-content a.atomion-button-filled,
.wgm-second-checkout input#place_order,
[class^="wp-block-atomion-block-content-box"] .atomion-button-filled,
html .wp-block-search .wp-block-search__button,
.woocommerce .woocommerce-widget-layered-nav-dropdown__submit {
  background-color: #00cea5;
  border: 3px solid #00cea5;
}

.woocommerce .button:hover, 
.woocommerce a.button:hover,
.woocommerce a.button:disabled:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce button.button:hover, 
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce input.button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover,
input.mailpoet_submit:hover,
input[type="submit"]:hover,
a.atomion-edit-address-button:hover, 
.woocommerce-MyAccount-content button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce .widget_product_search button:hover,
.atomion-account .button:hover,
#content .hero-slider-content a.atomion-button-filled:hover,
#content .woocommerce .button:hover,
.wp-block-button .wp-block-button__link:hover,
.wgm-second-checkout input#place_order:hover,
[class^="wp-block-atomion-block-content-box"] .atomion-button-filled:hover,
.woocommerce .woocommerce-widget-layered-nav-dropdown__submit:hover {
    color: #00cea5;
    border: 3px solid #00cea5;
    background: transparent;
}

#mini-cart-widget a.button:hover {
    color: #00cea5;
}

/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/
.woocommerce-store-notice, p.demo_store {
  background-color: #00cea5;
  color: white;
}

.woocommerce-store-notice a, p.demo_store a {
  color: white;
}

.woocommerce-notice--success,
.woocommerce li.product .product-image-wrapper a.added_to_cart.wc-forward,
#content .woocommerce li.product .product-image-wrapper a.added_to_cart.wc-forward {
  background-color: ;
}

.woocommerce div.product form.cart .button {
  background-color: #6FB34E;
  border: 3px solid #6FB34E;
}

.woocommerce div.product form.cart .button:hover {
  background: transparent;
  color: #6FB34E;
  border: 3px solid #6FB34E;
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background-color: #00cea5;
}

.woocommerce .star-rating span,
#atomion-review-overview .rating-stars .active,
#atomion-review-overview .histo-star .active {
  color: #FDB230;
}
.woocommerce .star-rating::before {
    color: #FDB230;
}

#shop-description *:not(a),
.term-description *:not(a) {
    color: #777777;
}

/* Checkout Progress */
.progress-style-1 .current {
    border-color: #00cea5;
}

.progress-style-2 .current span {
    background: #00cea5;
}

.progress-style-3 .current span {
    color: #00cea5;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer-top {
  background-color: #003648;
}
#footer-top,
#footer-top .widget-title,
#footer-top p,
#footer-top a {
  color: #ffffff;
}
#main-footer {
  background-color: #003648;
}
#footer-action-bar .inner,
#main-footer .inner, 
#footer-top .inner, 
.page-template-page-blank #content .row {
    max-width: calc(1200px + 10%);
    padding-left: 5%;
    padding-right: 5%;
}
#main-footer a, 
#main-footer span, 
#main-footer .widget-title, 
#main-footer p,
#main-footer .inner > * {
  color: white;
}
#footer-bottom {
  background-color: #003648;
}
#footer-bottom a, #footer-bottom span, #footer-bottom p {
  color: white;
}

/** footer social icons **/
footer .social-media-icon {
  background: #003648;
}
footer .social-media-icon i {
  color: white;
}
footer .social-media-icon:hover {
  background: white;
  transition: .3s all ease-in-out;
}
footer .social-media-icon:hover i {
  color: #003648;
  transition: .3s all ease-in-out;
}

.wp-block-gallery figcaption {
  display: none;
}





.product-image-wrapper img {
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
}
.product-image-wrapper:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}



/*--------------------------------------------------------------
# Quick View
--------------------------------------------------------------*/

.atomion_quick_view.button-filled {
  color: white!important;
  background-color: #00cea5!important;
  border: 3px solid #00cea5!important;
}

.atomion_quick_view.button-outline {
  color: #00cea5!important;
  background-color: transparent !important;
  border: 3px solid #00cea5!important;
}

.atomion_quick_view.filled-hover-invert:hover {
    color: #00cea5!important;
    border: 3px solid #00cea5!important;
    background: #fff!important;
}

.atomion_quick_view.button-outline.outline-hover-invert:hover {
  color: white!important;
  background-color: #00cea5 !important;
  border: 3px solid #00cea5!important;
}

.atomion_quick_view.button-outline.outline-hover-coloring {
  box-shadow: inset 0 0 0 3px #00cea5;
  border: 0 !important;
  transition: color .25s 83.3333333ms;
  line-height: calc(100% + 6px);
}

.atomion_quick_view.button-outline.outline-hover-coloring:before,
.atomion_quick_view.button-outline.outline-hover-coloring:after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: ''!important;
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
}

.atomion_quick_view.button-outline.outline-hover-coloring:before {
  transition-delay: 0s,0s,.25s!important;
  border-bottom-width: 3px;
  border-left-width: 3px;
}

.atomion_quick_view.button-outline.outline-hover-coloring:after {
  transition-delay: 0s,.25s,0s!important;
  border-top-width: 3px;
  border-right-width: 3px;
}

.atomion_quick_view.button-outline.outline-hover-coloring:hover {
  color: white!important;
}

.atomion_quick_view.button-outline.outline-hover-coloring:hover:before, 
.atomion_quick_view.button-outline.outline-hover-coloring:hover:after {
    border-color: white;
    transition: border-color 0s,width .25s,height .25s;
    width: 100%;
    height: 100%;
}