/*********************************************************************

    ██████╗ ██╗   ██╗████████╗████████╗ ██████╗ ███╗   ██╗███████╗
    ██╔══██╗██║   ██║╚══██╔══╝╚══██╔══╝██╔═══██╗████╗  ██║██╔════╝
    ██████╔╝██║   ██║   ██║      ██║   ██║   ██║██╔██╗ ██║███████╗
    ██╔══██╗██║   ██║   ██║      ██║   ██║   ██║██║╚██╗██║╚════██║
    ██████╔╝╚██████╔╝   ██║      ██║   ╚██████╔╝██║ ╚████║███████║
    ╚═════╝  ╚═════╝    ╚═╝      ╚═╝    ╚═════╝ ╚═╝  ╚═══╝╚══════╝

 *********************************************************************/

    /** Default button - nvm-button **/

    .responsiville .nvm-button,
    .responsiville input[type="button"].nvm-button,
    .responsiville input[type="submit"].nvm-button,
    .responsiville input[type="reset"].nvm-button,
    .responsiville .nvm-button:focus,
    .responsiville input[type="button"].nvm-button:focus,
    .responsiville input[type="submit"].nvm-button:focus,
    .responsiville input[type="reset"].nvm-button:focus {
        color: var(--brand-color-dark-brown);
        background: var(--brand-color-beige);
        transition: 0.2s background-color ease-in, 0.2s color ease-in,  0.2s border ease-in;
        padding: 5px 5px 5px 30px;
        border-radius: 60px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        border: 2px solid var(--brand-color-beige);
    }

    .responsiville .nvm-button:focus,
    .responsiville input[type="button"].nvm-button:focus,
    .responsiville input[type="submit"].nvm-button:focus,
    .responsiville input[type="reset"].nvm-button:focus {
        border: 2px solid var(--brand-color-brown);
    }

    .nvm-button::after {
        content: "";
        display: inline-block;
        width: 40px;
        height: 40px;
        position: relative;
        margin-left: 30px;
        background-color: var(--brand-color-brown);
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M25.6453 25.6451C31.4516 19.7419 31.4516 10.2581 25.6453 4.35484C19.742 -1.45161 10.2582 -1.45161 4.35488 4.35484C-1.45162 10.258 -1.45162 19.7418 4.35488 25.6451C10.2579 31.4518 19.742 31.4515 25.6453 25.6451ZM18 20.0322C17.8065 19.8387 17.8065 19.6451 17.8065 19.4516C17.8065 19.2581 17.9032 19.0645 18 18.871L21.1937 15.6774L6.87117 15.6774C6.48411 15.6774 6.09705 15.2904 6.09705 14.9033C6.09705 14.5162 6.4841 14.1292 6.87117 14.1292L21.1937 14.1289L18 10.9353C17.7097 10.645 17.7097 10.1612 18 9.87071C18.2903 9.58042 18.7741 9.58042 19.0646 9.87071L23.613 14.419C23.9032 14.7093 23.9032 15.1931 23.613 15.4836L19.0646 20.0319C18.8711 20.4192 18.2903 20.4192 18 20.0322Z" /></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M25.6453 25.6451C31.4516 19.7419 31.4516 10.2581 25.6453 4.35484C19.742 -1.45161 10.2582 -1.45161 4.35488 4.35484C-1.45162 10.258 -1.45162 19.7418 4.35488 25.6451C10.2579 31.4518 19.742 31.4515 25.6453 25.6451ZM18 20.0322C17.8065 19.8387 17.8065 19.6451 17.8065 19.4516C17.8065 19.2581 17.9032 19.0645 18 18.871L21.1937 15.6774L6.87117 15.6774C6.48411 15.6774 6.09705 15.2904 6.09705 14.9033C6.09705 14.5162 6.4841 14.1292 6.87117 14.1292L21.1937 14.1289L18 10.9353C17.7097 10.645 17.7097 10.1612 18 9.87071C18.2903 9.58042 18.7741 9.58042 19.0646 9.87071L23.613 14.419C23.9032 14.7093 23.9032 15.1931 23.613 15.4836L19.0646 20.0319C18.8711 20.4192 18.2903 20.4192 18 20.0322Z" /></svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        transition: 0.2s background-color ease-in;
    }


    .responsiville .nvm-button:hover,
    .responsiville input[type="button"].nvm-button:hover,
    .responsiville input[type="submit"].nvm-button:hover,
    .responsiville input[type="reset"].nvm-button:hover {
        color: var(--brand-color-beige);
        background: var(--brand-color-brown);
        border: 2px solid var(--brand-color-brown);
        opacity: 1;
    }

    .nvm-button:hover::after {
        background-color: var(--brand-color-beige);
    }


    .responsiville .nvm-button:active,
    .responsiville input[type="button"].nvm-button:active,
    .responsiville input[type="submit"].nvm-button:active,
    .responsiville input[type="reset"].nvm-button:active {
        color: var(--brand-color-beige);
        background: var(--brand-color-dark-brown);
        border: 2px solid var(--brand-color-dark-brown);
    }

    .nvm-button:active::after {
        background-color: var(--brand-color-beige);
    }


    .responsiville .nvm-button:disabled,
    .responsiville input[type="button"].nvm-button:disabled,
    .responsiville input[type="submit"].nvm-button:disabled,
    .responsiville input[type="reset"].nvm-button:disabled {
        color: var(--nvm-color-gray-3);
        background: var(--nvm-color-gray-1);
        border: 2px solid var(--nvm-color-gray-1);
    }

    .nvm-button:disabled::after {
        background-color: var(--nvm-color-gray-2);
    }


    /** White button - nvm-button-white **/

    .responsiville .nvm-button-white,
    .responsiville input[type="button"].nvm-button-white,
    .responsiville input[type="submit"].nvm-button-white,
    .responsiville input[type="reset"].nvm-button-white,
    .responsiville .nvm-button-white:focus,
    .responsiville input[type="button"].nvm-button-white:focus,
    .responsiville input[type="submit"].nvm-button-white:focus,
    .responsiville input[type="reset"].nvm-button-white:focus {
        color: var(--brand-color-dark-brown);
        background: var(--brand-color-white);
        transition: 0.2s background-color ease-in, 0.2s color ease-in, 0.2s border ease-in;
        padding: 5px 5px 5px 30px;
        border-radius: 60px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        border: 2px solid var(--brand-color-white);
    }

    .responsiville .nvm-button-white:focus,
    .responsiville input[type="button"].nvm-button-white:focus,
    .responsiville input[type="submit"].nvm-button-white:focus,
    .responsiville input[type="reset"].nvm-button-white:focus {
        border: 2px solid var(--brand-color-pale-blue);
    }

    .nvm-button-white::after {
        content: "";
        display: inline-block;
        width: 40px;
        height: 40px;
        position: relative;
        margin-left: 30px;
        background-color: var(--brand-color-pale-blue);
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M25.6453 25.6451C31.4516 19.7419 31.4516 10.2581 25.6453 4.35484C19.742 -1.45161 10.2582 -1.45161 4.35488 4.35484C-1.45162 10.258 -1.45162 19.7418 4.35488 25.6451C10.2579 31.4518 19.742 31.4515 25.6453 25.6451ZM18 20.0322C17.8065 19.8387 17.8065 19.6451 17.8065 19.4516C17.8065 19.2581 17.9032 19.0645 18 18.871L21.1937 15.6774L6.87117 15.6774C6.48411 15.6774 6.09705 15.2904 6.09705 14.9033C6.09705 14.5162 6.4841 14.1292 6.87117 14.1292L21.1937 14.1289L18 10.9353C17.7097 10.645 17.7097 10.1612 18 9.87071C18.2903 9.58042 18.7741 9.58042 19.0646 9.87071L23.613 14.419C23.9032 14.7093 23.9032 15.1931 23.613 15.4836L19.0646 20.0319C18.8711 20.4192 18.2903 20.4192 18 20.0322Z" /></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M25.6453 25.6451C31.4516 19.7419 31.4516 10.2581 25.6453 4.35484C19.742 -1.45161 10.2582 -1.45161 4.35488 4.35484C-1.45162 10.258 -1.45162 19.7418 4.35488 25.6451C10.2579 31.4518 19.742 31.4515 25.6453 25.6451ZM18 20.0322C17.8065 19.8387 17.8065 19.6451 17.8065 19.4516C17.8065 19.2581 17.9032 19.0645 18 18.871L21.1937 15.6774L6.87117 15.6774C6.48411 15.6774 6.09705 15.2904 6.09705 14.9033C6.09705 14.5162 6.4841 14.1292 6.87117 14.1292L21.1937 14.1289L18 10.9353C17.7097 10.645 17.7097 10.1612 18 9.87071C18.2903 9.58042 18.7741 9.58042 19.0646 9.87071L23.613 14.419C23.9032 14.7093 23.9032 15.1931 23.613 15.4836L19.0646 20.0319C18.8711 20.4192 18.2903 20.4192 18 20.0322Z" /></svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        transition: 0.2s background-color ease-in;
    }


    .responsiville .nvm-button-white:hover,
    .responsiville input[type="button"].nvm-button-white:hover,
    .responsiville input[type="submit"].nvm-button-white:hover,
    .responsiville input[type="reset"].nvm-button-white:hover {
        color: var(--brand-color-white);
        background: var(--brand-color-pale-blue);
        opacity: 1;
        border: 2px solid var(--brand-color-pale-blue);
    }

    .nvm-button-white:hover::after {
        background-color: var(--brand-color-white);
    }


    .responsiville .nvm-button-white:active,
    .responsiville input[type="button"].nvm-button-white:active,
    .responsiville input[type="submit"].nvm-button-white:active,
    .responsiville input[type="reset"].nvm-button-white:active {
        color: var(--brand-color-white);
        background: var(--brand-color-darker-pale-blue);
        border: 2px solid var(--brand-color-darker-pale-blue);
    }

    .nvm-button-white:active::after {
        background-color: var(--brand-color-white);
    }


    .responsiville .nvm-button-white:disabled,
    .responsiville input[type="button"].nvm-button-white:disabled,
    .responsiville input[type="submit"].nvm-button-white:disabled,
    .responsiville input[type="reset"].nvm-button-white:disabled {
        color: var(--nvm-color-gray-3);
        background: var(--nvm-color-gray-1);
        border: 2px solid var(--nvm-color-gray-1);
    }

    .nvm-button-white:disabled::after {
        background-color: var(--nvm-color-gray-2);
    }


    /** Blue button - nvm-button-blue **/

    .responsiville .nvm-button-blue,
    .responsiville input[type="button"].nvm-button-blue,
    .responsiville input[type="submit"].nvm-button-blue,
    .responsiville input[type="reset"].nvm-button-blue,
    .responsiville .nvm-button-blue:focus,
    .responsiville input[type="button"].nvm-button-blue:focus,
    .responsiville input[type="submit"].nvm-button-blue:focus,
    .responsiville input[type="reset"].nvm-button-blue:focus {
        color: var(--brand-color-white);
        background: var(--brand-color-blue);
        transition: 0.2s background-color ease-in, 0.2s color ease-in, 0.2s border ease-in;
        padding: 5px 5px 5px 30px;
        border-radius: 60px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        border: 2px solid var(--brand-color-blue);
    }

    .responsiville .nvm-button-blue:focus,
    .responsiville input[type="button"].nvm-button-blue:focus,
    .responsiville input[type="submit"].nvm-button-blue:focus,
    .responsiville input[type="reset"].nvm-button-blue:focus {
        border: 2px solid var(--brand-color-pale-blue);
    }

    .nvm-button-blue::after {
        content: "";
        display: inline-block;
        width: 40px;
        height: 40px;
        position: relative;
        margin-left: 30px;
        background-color: var(--brand-color-white);
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M25.6453 25.6451C31.4516 19.7419 31.4516 10.2581 25.6453 4.35484C19.742 -1.45161 10.2582 -1.45161 4.35488 4.35484C-1.45162 10.258 -1.45162 19.7418 4.35488 25.6451C10.2579 31.4518 19.742 31.4515 25.6453 25.6451ZM18 20.0322C17.8065 19.8387 17.8065 19.6451 17.8065 19.4516C17.8065 19.2581 17.9032 19.0645 18 18.871L21.1937 15.6774L6.87117 15.6774C6.48411 15.6774 6.09705 15.2904 6.09705 14.9033C6.09705 14.5162 6.4841 14.1292 6.87117 14.1292L21.1937 14.1289L18 10.9353C17.7097 10.645 17.7097 10.1612 18 9.87071C18.2903 9.58042 18.7741 9.58042 19.0646 9.87071L23.613 14.419C23.9032 14.7093 23.9032 15.1931 23.613 15.4836L19.0646 20.0319C18.8711 20.4192 18.2903 20.4192 18 20.0322Z" /></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M25.6453 25.6451C31.4516 19.7419 31.4516 10.2581 25.6453 4.35484C19.742 -1.45161 10.2582 -1.45161 4.35488 4.35484C-1.45162 10.258 -1.45162 19.7418 4.35488 25.6451C10.2579 31.4518 19.742 31.4515 25.6453 25.6451ZM18 20.0322C17.8065 19.8387 17.8065 19.6451 17.8065 19.4516C17.8065 19.2581 17.9032 19.0645 18 18.871L21.1937 15.6774L6.87117 15.6774C6.48411 15.6774 6.09705 15.2904 6.09705 14.9033C6.09705 14.5162 6.4841 14.1292 6.87117 14.1292L21.1937 14.1289L18 10.9353C17.7097 10.645 17.7097 10.1612 18 9.87071C18.2903 9.58042 18.7741 9.58042 19.0646 9.87071L23.613 14.419C23.9032 14.7093 23.9032 15.1931 23.613 15.4836L19.0646 20.0319C18.8711 20.4192 18.2903 20.4192 18 20.0322Z" /></svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        transition: 0.2s background-color ease-in;
    }


    .responsiville .nvm-button-blue:hover,
    .responsiville input[type="button"].nvm-button-blue:hover,
    .responsiville input[type="submit"].nvm-button-blue:hover,
    .responsiville input[type="reset"].nvm-button-blue:hover {
        color: var(--brand-color-blue);
        background: transparent;
        opacity: 1;
        border: 2px solid var(--brand-color-blue);
    }

    .nvm-button-blue:hover::after {
        background-color: var(--brand-color-blue);
    }


    .responsiville .nvm-button-blue:active,
    .responsiville input[type="button"].nvm-button-blue:active,
    .responsiville input[type="submit"].nvm-button-blue:active,
    .responsiville input[type="reset"].nvm-button-blue:active {
        color: var(--brand-color-blue);
        background: var(--brand-color-darker-pale-blue);
        border: 2px solid var(--brand-color-blue);
    }

    .nvm-button-blue:active::after {
        background-color: var(--brand-color-blue);
    }


    .responsiville .nvm-button-blue:disabled,
    .responsiville input[type="button"].nvm-button-blue:disabled,
    .responsiville input[type="submit"].nvm-button-blue:disabled,
    .responsiville input[type="reset"].nvm-button-blue:disabled {
        color: var(--nvm-color-gray-3);
        background: transparent;
        border: 2px solid var(--nvm-color-gray-1);
    }

    .nvm-button-blue:disabled::after {
        background-color: var(--nvm-color-gray-3);
    }


    /** Tranparent button - nvm-button-transparent **/

    .responsiville .nvm-button-transparent,
    .responsiville input[type="button"].nvm-button-transparent,
    .responsiville input[type="submit"].nvm-button-transparent,
    .responsiville input[type="reset"].nvm-button-transparent {
        color: var(--brand-color-blue);
        background: transparent;
        transition: 0.2s background-color ease-in, 0.2s color ease-in;
        padding: 5px;
        border-radius: 0;
        height: 30px;
        display: inline-flex;
        align-items: center;
        border-width: 0;
        font-size: 14px;
        line-height: 18px;
    }

    .responsiville .nvm-button-transparent span {
        padding: 5px;
        text-decoration: underline;
    }

    .nvm-button-transparent::after {
        content: "";
        display: inline-block;
        width: 30px;
        height: 30px;
        position: relative;
        margin-left: 10px;
        background-color: var(--brand-color-blue);
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M25.6453 25.6451C31.4516 19.7419 31.4516 10.2581 25.6453 4.35484C19.742 -1.45161 10.2582 -1.45161 4.35488 4.35484C-1.45162 10.258 -1.45162 19.7418 4.35488 25.6451C10.2579 31.4518 19.742 31.4515 25.6453 25.6451ZM18 20.0322C17.8065 19.8387 17.8065 19.6451 17.8065 19.4516C17.8065 19.2581 17.9032 19.0645 18 18.871L21.1937 15.6774L6.87117 15.6774C6.48411 15.6774 6.09705 15.2904 6.09705 14.9033C6.09705 14.5162 6.4841 14.1292 6.87117 14.1292L21.1937 14.1289L18 10.9353C17.7097 10.645 17.7097 10.1612 18 9.87071C18.2903 9.58042 18.7741 9.58042 19.0646 9.87071L23.613 14.419C23.9032 14.7093 23.9032 15.1931 23.613 15.4836L19.0646 20.0319C18.8711 20.4192 18.2903 20.4192 18 20.0322Z" /></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M25.6453 25.6451C31.4516 19.7419 31.4516 10.2581 25.6453 4.35484C19.742 -1.45161 10.2582 -1.45161 4.35488 4.35484C-1.45162 10.258 -1.45162 19.7418 4.35488 25.6451C10.2579 31.4518 19.742 31.4515 25.6453 25.6451ZM18 20.0322C17.8065 19.8387 17.8065 19.6451 17.8065 19.4516C17.8065 19.2581 17.9032 19.0645 18 18.871L21.1937 15.6774L6.87117 15.6774C6.48411 15.6774 6.09705 15.2904 6.09705 14.9033C6.09705 14.5162 6.4841 14.1292 6.87117 14.1292L21.1937 14.1289L18 10.9353C17.7097 10.645 17.7097 10.1612 18 9.87071C18.2903 9.58042 18.7741 9.58042 19.0646 9.87071L23.613 14.419C23.9032 14.7093 23.9032 15.1931 23.613 15.4836L19.0646 20.0319C18.8711 20.4192 18.2903 20.4192 18 20.0322Z" /></svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        transition: 0.2s background-color ease-in;
    }


    .responsiville .nvm-button-transparent:hover,
    .responsiville input[type="button"].nvm-button-transparent:hover,
    .responsiville input[type="submit"].nvm-button-transparent:hover,
    .responsiville input[type="reset"].nvm-button-transparent:hover,
    .responsiville .nvm-button-transparent:focus,
    .responsiville input[type="button"].nvm-button-transparent:focus,
    .responsiville input[type="submit"].nvm-button-transparent:focus,
    .responsiville input[type="reset"].nvm-button-transparent:focus  {
        opacity: 1;
    }

    .responsiville .nvm-button-transparent:hover span,
    .responsiville .nvm-button-transparent:focus span {
        background: var(--brand-color-blue);
        color: var(--brand-color-white);
    }


    .responsiville .nvm-button-transparent:active,
    .responsiville input[type="button"].nvm-button-transparent:active,
    .responsiville input[type="submit"].nvm-button-transparent:active,
    .responsiville input[type="reset"].nvm-button-transparent:active {
        background: transparent;
        color: var(--brand-color-darker-pale-blue);
    }


    .responsiville .nvm-button-transparent:active span {
        background: var(--brand-color-blue);
        color: var(--brand-color-darker-pale-blue);
    }


    .responsiville .nvm-button-transparent:disabled,
    .responsiville input[type="button"].nvm-button-transparent:disabled,
    .responsiville input[type="submit"].nvm-button-transparent:disabled,
    .responsiville input[type="reset"].nvm-button-transparent:disabled {
        color: var(--nvm-color-gray-3);
        background: transparent;
    }

    .nvm-button-transparent:disabled::after {
        background-color: var(--nvm-color-gray-3);
    }