/*
 Theme Name:   Gat Child Theme
 Theme URI:    https://gat.themerex.net
 Description:  Gat Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net
 Template:     gat
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  gat
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */
#zoo-add-to-cart-message {
    position: fixed;
    top: calc(50% + 30px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
     max-width: 70%;
    padding: 20px;
    background: #f3f3f3;
    box-shadow: 0 0 15px 5px $black_transparent_1;
    z-index: 99999;
    transition: all 300ms;
    opacity: 0;
    visibility: hidden;
    display: flex;
  border-radius: 12px;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    &.active, &:hover {
        opacity: 1;
        visibility: visible;
        top: 50%
    }
    .button {
        white-space: nowrap;
        margin-left: 20px;
    }
}
#zoo-add-to-cart-message .button {
 

-webkit-appearance: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    font-size: var(--theme-font-button_font-size);
    line-height: var(--theme-font-button_line-height);
    font-weight: var(--theme-font-button_font-weight);
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    text-transform: var(--theme-font-button_text-transform);
    letter-spacing: var(--theme-font-button_letter-spacing);
    white-space: nowrap;
    height: auto;
    max-width: 100%;
    color: var(--theme-color-inverse_link);
    border-color: var(--theme-color-text_link);
    background-color: var(--theme-color-text_link);
    padding: 17px 25px;
    border-width: 0 !important;
    -webkit-box-shadow: 0 7px 25px var(--theme-color-text_link_02);
    -ms-box-shadow: 0 7px 25px var(--theme-color-text_link_02);
    box-shadow: 0 7px 25px var(--theme-color-text_link_02);
}
#zoo-add-to-cart-message .button:hover {
  background-color: #000
}