.home_button {
    background: url(../../images/buttons/about_btn.png) top left no-repeat;
    display: inline-block;
    height: 85px;
    margin-top: 50px; 
    width: 220px;
}
.home_button:hover {
    background-position: bottom left;
}
a.about_btn {
    background: url(../../images/buttons/about_btn.png) top left no-repeat;
    display: inline-block;
    height: 85px;
    width: 220px;
}
a.about_btn:hover {
    background-position: bottom left;
}
a.btn_contact, button.btn_contact {
    background: url(../../images/buttons/common_btn_frame.png) top left no-repeat;
    display: inline-block;
    height: 52px;
    font-size: 24px;
    width: 193px;
    text-align: center;
    line-height: 48px;
    color: #6d9cac;
    border: 0;
}
a.btn_contact:hover, button.btn_contact:hover {
    background-position: bottom left;
    color: #fff;
}
.inline_block {
    display: inline-block!important;
}
a.cp_donate, button.cp_donate {
    background: url(../../images/buttons/common_btn_frame_white.png) top left no-repeat;
    display: inline-block;
    height: 53px;
    font-size: 24px;
    width: 193px;
    text-align: center;
    line-height: 48px;
    color: #6d9cac;
    border: 0;
}
a.cp_donate:hover, button.cp_donate:hover {
    background-position: bottom left;
    color: #fff;
}
.bottom_arrow {
    background: url(../../images/buttons/bottom_arrow.png) no-repeat;
    width: 30px;
    height: 34px;
    display: inline-block;
    margin-bottom: 15px;
}
button.btn_small {
    width: 130px;
    height: 52px;
    color: #6d9cac;
    line-height: 48px;
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    background: url(../../images/buttons/price_btn.png) top left no-repeat;
    font-family: Amatic, sans-serif!important;
    letter-spacing: -2px;
    padding: 0;
    border: 0;
}
button.btn_small:hover {
    background-position: bottom left;
    color: #fff;
}
.login-box button.call_login {
    background: url(../../images/buttons/login_button.png) top left no-repeat;
    width: 193px;
    height: 58px;
    border: 0;
    margin-top: 25px;
}
.login-box button.call_login:hover {
    background-position: bottom left;
    height: 58px;
}
a.donate_osw {
    background: url(../../images/buttons/donate_osw.png) top left no-repeat;
    width: 180px;
    height: 48px;
    display: inline-block;
}
a.donate_osw:hover {
    background-position: bottom left;
}
a.donation_1 {
    background: url(../../images/buttons/donation_1.png) top left no-repeat;
    width: 193px;
    height: 52px;
    display: inline-block;
}
a.donation_1:hover {
    background-position: bottom left;
}
a.donation_2 {
    background: url(../../images/buttons/donation_2.png) top left no-repeat;
    width: 193px;
    height: 52px;
    display: inline-block;
}
a.donation_2:hover {
    background-position: bottom left;
}
a.donation_3 {
    background: url(../../images/buttons/donation_3.png) no-repeat;
    width: 193px;
    height: 52px;
    display: inline-block;
    margin-top: 20px;
    transition: all .5s ease;
    margin-left: -5px;
}
a.donation_3:hover {
    background: url(../../images/buttons/donation_3_hover.png) no-repeat;
}
a.btn_1 {
    background: url("../../images/buttons/learn-more.png") no-repeat;
    height: 52px;
    width: 127px;
    display: inline-block;
}
a.btn_1:hover {
    display: inline-block;
    background: url("../../images/buttons/learn-more-hover.png") no-repeat;
}
a.download_btn {
    background: url("../../images/buttons/download.png") no-repeat;
    height: 45px;
    width: 127px;
    display: inline-block;
}
a.download_btn:hover {
    background-position: bottom left;
    height: 45px;
    width: 127px;
}
a.btn-3 {
    display: inline-block;
    background: url(../../images/buttons/explore-normal.png) no-repeat;
    height: 52px;
    width: 127px;
}
a.btn-3:hover {
    background: url(../../images/buttons/explore.png) no-repeat;
}
a.getinvo_btn {
    background: url("../../images/buttons/get-invo.png") no-repeat;
    height: 52px;
    width: 127px;
    display: inline-block;
}
a.getinvo_btn:hover {
    display: inline-block;
    background: url("../../images/buttons/get-invo-hover.png") no-repeat;
}
.browse_more {
    position: absolute;
    bottom: 10px;
    right: 30px;
    font-size: 16px;
}
.create_btn {
    text-align: right;
    margin-top:16px;
    padding: 0 30px;
}
.create_btn a {
    font-size: 27px;
    color: #f4911d;
    text-decoration: underline;
}
.create_btn a:hover {
    color: #8ac33f;
}

.rgistr_btn button {
    background: url(../../images/buttons/submit.png) no-repeat;
    width: 130px;
    height: 48px;
    display: inline-block;
    border: 0;
    float: left;
}
.rgistr_btn button:hover {
    background-position: bottom left;
}
.fileUpload span {
    background: url(../../images/buttons/upload.png) no-repeat;
    width: 181px;
    height: 40px;
    display: inline-block;
}
.submit_wish a.cp {
    background: url(../../images/buttons/cp.png) no-repeat;
    width: 197px;
    height: 53px;
    display: block;
    margin-left: -9px;
}
.submit_wish a.cp:hover {
    background: url(../../images/buttons/cp_hover.png) no-repeat;
}
.bottom_block .content a {
    background: url(../../images/buttons/exp-wishes.png) no-repeat;
    width: 193px;
    height: 55px;
    display: inline-block;
    margin-top: 10px;
}
.bottom_block .content a:hover {
    background: url(../../images/buttons/exp-wishes_hover.png) no-repeat;
}
.right_content a {
    background: url(../../images/buttons/reach-out.png) no-repeat;
    width: 193px;
    height: 53px;
    display: inline-block;
    margin-top: 10px;
}
.right_content a:hover {
    background: url(../../images/buttons/reach_out_hover.png) no-repeat;
}
#modalButton {
    background: url(../../images/buttons/select_image.png) no-repeat;
    width: 180px;
    height: 38px;
    display: inline-block;
}
.next_btn {
    background: url(../../images/buttons/next.png) no-repeat;
    width: 193px;
    height: 55px;
    display: inline-block;
    margin: 15px 15px 15px 0;
}
.next_btn:hover {
    background: url(../../images/buttons/next_hover.png) no-repeat;
}
a.update_profile {
    display: inline-block;
    margin: 50px 0 0;
}
button.selected_image {
    background: url(../../images/buttons/selected_image.png) no-repeat;
    width: 193px;
    height: 55px;
    display: inline-block;
    border: 0;
    margin: 20px 0;
}
button.selected_image:hover {
    background: url(../../images/buttons/use_selected_hover.png) no-repeat;
}
button.checkout_btn {
    background: url(../../images/buttons/checkout.png) no-repeat;
    width: 150px;
    height: 50px;
    display: inline-block;
    border: 0;
    margin: 20px 0 8px;
    float:left;
}
button.checkout_btn:hover {
    background: url(../../images/buttons/checkout_hover.png) no-repeat;
}
button.payment_info {
    background: url(../../images/buttons/payment_info.png) no-repeat;
    width: 193px;
    height: 55px;
    display: inline-block;
    border: 0;
    margin: 20px 0;
}
button.payment_info:hover {
    background: url(../../images/buttons/payment_info_hover.png) no-repeat;
}
button.msg_btn {
    background: url(../../images/buttons/msg_btn.png) no-repeat;
    width: 193px;
    height: 55px;
    display: inline-block;
    border: 0;
    margin: 20px 0;
}
button.msg_btn:hover {
    background: url(../../images/buttons/msg_btn_hover.png) no-repeat;
}
.btn-primary {
    background: #6d9cac!important;
    border: none!important;
}
.btn-primary:focus, .btn-primary:hover {
    background: #4c93ab!important;
}
.btn-create {
    background: #b0b0b0!important;
    color: #fff;
}
.btn-create:hover {
    background: #979595!important;
    color: #fff;
}
.btn-orange {
    background: #f4911d!important;
    border: none!important;
    color: #fff;
}
.btn-orange:hover {
    background: #df7f0e!important;
    color: #fff;
}
.btn-danger, .btn-success {
    border: 0;
}
.run_btn {
    text-align: right;
    margin: 0 30px 20px 0;
}
.run_btn a {
    font-size: 26px;
    line-height: 46px;
}
select::-ms-expand {
    display: none;
}
button.browse_btn {
    background: url(../../images/buttons/browse_checkout.png) top center/100% no-repeat;
    width: 165px;
    height: 55px;
    display: inline-block;
    border: 0;
}
button.browse_btn:hover {
    background-position: bottom left;
    height: 65px !important;
    margin-top: -10px;
}
a.holiday_home_button {
    background: url(../../images/buttons/homepage-learn-more.png) top left no-repeat;
    display: inline-block;
    height: 75px;
    margin-top: 70px; 
    width: 220px;
}
a.holiday_home_button:hover {
    background-position: bottom left;
    height: 85px !important;
    margin-top: 70px;
}
a.benefactor_home_button {
    background: url(../../images/buttons/homepage-benefactor.png) top left no-repeat;
    display: inline-block;
    height: 75px;
    margin-top: 70px;
    width: 215px;
}
a.benefactor_home_button:hover  {
    background-position: bottom left;
    height: 85px !important;
    margin-top: 70px;
}

button.browse_btn_checkout {
    background: url(../../images/buttons/checkout_cart.png) top center/100% no-repeat;
    width: 165px;
    height: 55px;
    display: inline-block;
    border: 0;
}
button.browse_btn_checkout:hover {
    background-position: bottom left;
    height: 65px !important;
    margin-top: -10px;
}
#redeemBtncheckout {
    margin: 30px 0px 0px -20px;
    width: 40%;
}
a.helpchild_browse_btn {
    background: url(../../images/buttons/browsewishes_btn.png) top center/100% no-repeat;
    display: inline-block;
    height: 50px !important;
}
a.helpchild_browse_btn:hover {
    background-position: bottom left;
    height: 50px !important;
    margin-top: -5px;
}
a.helpchild_contactus_btn {
    background: url(../../images/buttons/contactus_btn.png) no-repeat;
    display: inline-block;
    height: 45px;
}
a.helpchild_contactus_btn:hover {
    background: url(../../images/buttons/contactus_btn_hover.png) no-repeat;
    display: inline-block;
    height: 50px;
    margin-top: -10px !important;
}
a.helpchild_donate_btn {
    background: url(../../images/buttons/donate_btn.png) no-repeat;
    display: inline-block;
}
a.helpchild_donate_btn:hover {
    background: url(../../images/buttons/donate_btn_hover.png) no-repeat;
    display: inline-block;
    margin-top: -5px;
}
a.helpchild_foh_btn {
    background: url(../../images/buttons/findouthow_btn.png) no-repeat;
    display: inline-block;
}
a.helpchild_foh_btn:hover {
    background: url(../../images/buttons/findouthow_btn_hover.png) top left no-repeat;
    display: inline-block;
    margin-top: -5px;
}
a.shop_button {
    background: url(../../images/buttons/shophere_btn.png) top left no-repeat;
    display: inline-block;
}
a.shop_button:hover {
    background-position: bottom left;
    margin-top: -5px;
}
a.adoption_button {
    background: url(../../images/buttons/adoption_button.png) no-repeat;
    display: block;
    height: 45px;
    margin-top: 40px;
}
a.adoption_button:hover {
    background-position: bottom left;
    /*display: block;*/
}
a.urgent_wishes {
    background: url(../../images/buttons/urgentwishes_btn.png) top center/90% no-repeat;
    display: inline-block;
    height: 50px;
    width: 250px;
    margin-top: 30px;
    margin-bottom: 30px;
}
a.urgent_wishes:hover {
    background-position: bottom center;
    
}
a.wishes_under_100 {
    background: url(../../images/buttons/wishesunder100_btn.png) top center/90% no-repeat;
    display: inline-block;
    height: 50px;
    width: 250px;
    margin-top: 30px;
    margin-bottom: 30px;
}
a.wishes_under_100:hover {
    background-position: bottom center;
}
a.wishesnearyou {
    background: url(../../images/buttons/wishesnearyou_btn.png) top center/90% no-repeat;
    display: inline-block;
    height: 50px;
    width: 250px;
    margin-top: 30px;
    margin-bottom: 30px;
}
a.wishesnearyou:hover {
    background-position: bottom center;
}
a.featuredwishes {
    background: url(../../images/buttons/exp-wishes.png) top center/90% no-repeat;
    width: 250px;
    height: 55px;
    display: inline-block;
    margin-top: 30px;
}
a.featuredwishes:hover {
    background: url(../../images/buttons/exp-wishes_hover.png) top center/90% no-repeat;
}
a.learn_more_wbtn {
    background: url(../../images/buttons/learn_more_white.png) center no-repeat;
    display: inline-block;
    height: 60px;
    width: 150px;
}
a.learn_more_wbtn:hover {
    background: url(../../images/buttons/learn-more-hover.png) center center/90% no-repeat;
    height: 60px;
    margin-left: 0px;
}
a.learn_more_wg {
    background: url(../../images/buttons/learnmore_whitegreen.png) top center/90% no-repeat;
    display: inline-block;
    height: 46px;
    width: 140px;
    margin-top: 15px;
}
a.learn_more_wg:hover {
    background-position: bottom center;
}
a.seemoresmiles {
    background: url(../../images/buttons/moresmiles_btn.png) no-repeat;
    display: block;
    height: 50px;
    text-align: right;
}
a.seemoresmiles:hover {
    background-position: bottom left;
    height: 50px;
    margin-top: -10px;
}
.addtocart{
    background: url(../../images/buttons/add_cart.png) top center/90% no-repeat;
    width: 150px;
    height: 46px;
    border: none;
}
.addtocart:hover {
    background-position: bottom center;
}

a.checkemout {
    background: url(../../images/buttons/checkemout.png) top left no-repeat;
    display: inline-block;
    height: 50px;
    width: 150px;
    margin-top: 5px!important;
}
a.checkemout:hover {
    background-position: bottom left;
    margin-top: -4px!important;
}

.wish_buttons{
    background: url(../../images/add_cart.png) top left no-repeat;
    height: 48px;
    width: 130px;
    border: none;
}
.wish_buttons:hover {
    background-position: bottom left;
}
a.register_btn {
    background: url(../../images/buttons/register_btn.png) no-repeat;
    display: inline-block;
    height: 45px;
    width: 120px;
}
a.register_btn:hover {
    background-position: bottom left;
}
@media screen and (max-width:767px) {
    a.about_btn {
        background-size: 100%;
        height: 58px;
        width: 150px;
    }
}

/* NEW BUTTON STYLING */

    button.svgButton {
	  border: 0px none;
	  padding: 0;
	  margin: 0;
	  background-color: transparent;
	  cursor: pointer;
	}
	
	label.svgButton {
		padding: 0;
		margin: 0;
		position: relative;
	}
	
	label.svgButton input {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}
    
    .svgButton, .svgButton:hover {
        background: none !important;
        width: 160px !important;
        height: 60px !important;
        border: none;
        display: inline-block;
        margin: 0 !important;
    }

    .svgButton.pullLeft {
        position: relative;
        left: -10px;
    }
	


    .svgButton.medLength, .svgButton.medLength:hover {
        width: 193px !important;
    }
    
    .svgButton.longLength, .svgButton.longLength:hover {
        width: 223px !important;
    }

    .svgButton.xLongLength, .svgButton.xLongLength:hover {
        width: 259px !important;
    }
 
	.svgButton.smallerButton, .svgButton.smallerButton:hover {
		width: 142px !important;
		height: 53px !important;
	}

	.svgButton.smallerButton.medLength, .svgButton.smallerButton.medLength:hover {
		width: 170px !important;
	}
	
	.svgButton.smallerButton.longLength, .svgButton.smallerButton.longLength:hover {
		width: 197px !important;
	}

	.svgButton.smallerButton.xLongLength, .svgButton.smallerButton.xLongLength:hover {
		width: 229px !important;
	}
 
    .svgButton svg {
        height: 100%;
		width: auto;
    }
	
	.svgButton svg .scribblebg, .svgButton svg .nonscribblebg {
		fill: none;
	}

    .svgButton.bg-brandGreen svg .scribblebg,
    .svgButton.bgHover-brandGreen:hover svg .scribblebg,
    .svgButton.bgHover-brandGreen:focus svg .scribblebg,
    .svgButton.bgHover-brandGreen:active svg .scribblebg {
      fill: #8ac33f;
    }
    .svgButton.bg-brandGreen svg .foreground,
    .svgButton.bgHover-brandGreen:hover svg .foreground,
    .svgButton.bgHover-brandGreen:focus svg .foreground,
    .svgButton.bgHover-brandGreen:active svg .foreground {
      fill: #fff;
    }

    .svgButton.bgSpecial-brandGreen svg .nonscribblebg,
    .svgButton.bgSpecialHover-brandGreen:hover svg .nonscribblebg,
    .svgButton.bgSpecialHover-brandGreen:focus svg .nonscribblebg,
    .svgButton.bgSpecialHover-brandGreen:active svg .nonscribblebg {
      fill: #8ac33f;
    }

	
    .svgButton.bgSpecial-brandGreen svg .foreground,
    .svgButton.bgSpecialHover-brandGreen:hover svg .foreground,
    .svgButton.bgSpecialHover-brandGreen:focus svg .foreground,
    .svgButton.bgSpecialHover-brandGreen:active svg .foreground {
      fill: #fff;
    }

    .svgButton.bg-brandOrange svg .scribblebg,
    .svgButton.bgHover-brandOrange:hover svg .scribblebg,
    .svgButton.bgHover-brandOrange:focus svg .scribblebg,
    .svgButton.bgHover-brandOrange:active svg .scribblebg {
      fill: #f4911d;
    }
    .svgButton.bg-brandOrange svg .foreground,
    .svgButton.bgHover-brandOrange:hover svg .foreground,
    .svgButton.bgHover-brandOrange:focus svg .foreground,
    .svgButton.bgHover-brandOrange:active svg .foreground {
      fill: #fff;
    }

    .svgButton.bgSpecial-brandOrange svg .nonscribblebg,
    .svgButton.bgSpecialHover-brandOrange:hover svg .nonscribblebg,
    .svgButton.bgSpecialHover-brandOrange:focus svg .nonscribblebg,
    .svgButton.bgSpecialHover-brandOrange:active svg .nonscribblebg {
      fill: #f4911d;
    }
    .svgButton.bgSpecial-brandOrange svg .foreground,
    .svgButton.bgSpecialHover-brandOrange:hover svg .foreground,
    .svgButton.bgSpecialHover-brandOrange:focus svg .foreground,
    .svgButton.bgSpecialHover-brandOrange:active svg .foreground {
      fill: #fff;
    }


    .svgButton.bg-brandTeal svg .scribblebg,
    .svgButton.bgHover-brandTeal:hover svg .scribblebg,
    .svgButton.bgHover-brandTeal:focus svg .scribblebg,
    .svgButton.bgHover-brandTeal:active svg .scribblebg {
      fill: #6d9cac;
    }
	
    .svgButton.bg-brandTeal svg .foreground,
    .svgButton.bgHover-brandTeal:hover svg .foreground,
    .svgButton.bgHover-brandTeal:focus svg .foreground,
    .svgButton.bgHover-brandTeal:active svg .foreground {
      fill: #fff;
    }

    .svgButton.bgSpecial-brandTeal svg .nonscribblebg,
    .svgButton.bgSpecialHover-brandTeal:hover svg .nonscribblebg,
    .svgButton.bgSpecialHover-brandTeal:focus svg .nonscribblebg,
    .svgButton.bgSpecialHover-brandTeal:active svg .nonscribblebg {
      fill: #6d9cac;
    }
    .svgButton.bgSpecial-brandTeal svg .foreground,
    .svgButton.bgSpecialHover-brandTeal:hover svg .foreground,
    .svgButton.bgSpecialHover-brandTeal:focus svg .foreground,
    .svgButton.bgSpecialHover-brandTeal:active svg .foreground {
      fill: #fff;
    }

    .svgButton.bg-brandBlue svg .scribblebg,
    .svgButton.bgHover-brandBlue:hover svg .scribblebg,
    .svgButton.bgHover-brandBlue:focus svg .scribblebg,
    .svgButton.bgHover-brandBlue:active svg .scribblebg {
      fill: #1b75b8;
    }
    .svgButton.bg-brandBlue svg .foreground,
    .svgButton.bgHover-brandBlue:hover svg .foreground,
    .svgButton.bgHover-brandBlue:focus svg .foreground,
    .svgButton.bgHover-brandBlue:active svg .foreground {
      fill: #fff;
    }

    .svgButton.bgSpecial-brandBlue svg .nonscribblebg,
    .svgButton.bgSpecialHover-brandBlue:hover svg .nonscribblebg,
    .svgButton.bgSpecialHover-brandBlue:focus svg .nonscribblebg,
    .svgButton.bgSpecialHover-brandBlue:active svg .nonscribblebg {
      fill: #1b75b8;
    }
    .svgButton.bgSpecial-brandBlue svg .foreground,
    .svgButton.bgSpecialHover-brandBlue:hover svg .foreground,
    .svgButton.bgSpecialHover-brandBlue:focus svg .foreground,
    .svgButton.bgSpecialHover-brandBlue:active svg .foreground {
      fill: #fff;
    }
	    
    .svgButton.bg-white svg .scribblebg,
    .svgButton.bgHover-white:hover svg .scribblebg,
    .svgButton.bgHover-white:focus svg .scribblebg,
    .svgButton.bgHover-white:active svg .scribblebg {
      fill: #fff;
    }

    .svgButton.bgSpecial-white svg .nonscribblebg,
    .svgButton.bgSpecialHover-white:hover svg .nonscribblebg,
    .svgButton.bgSpecialHover-white:focus svg .nonscribblebg,
    .svgButton.bgSpecialHover-white:active svg .nonscribblebg {
      fill: #fff;
    }

		
    .svgButton.bgSpecial-brandGreen svg .scribblebg,
    .svgButton.bgSpecialHover-brandGreen:hover svg .scribblebg,
    .svgButton.bgSpecialHover-brandGreen:focus svg .scribblebg,
    .svgButton.bgSpecialHover-brandGreen:active svg .scribblebg,
	.svgButton.bgSpecial-brandTeal svg .scribblebg,
    .svgButton.bgSpecialHover-brandTeal:hover svg .scribblebg,
    .svgButton.bgSpecialHover-brandTeal:focus svg .scribblebg,
    .svgButton.bgSpecialHover-brandTeal:active svg .scribblebg,
	.svgButton.bgSpecial-brandOrange svg .scribblebg,
    .svgButton.bgSpecialHover-brandOrange:hover svg .scribblebg,
    .svgButton.bgSpecialHover-brandOrange:focus svg .scribblebg,
    .svgButton.bgSpecialHover-brandOrange:active svg .scribblebg,
	.svgButton.bgSpecial-brandBlue svg .scribblebg,
    .svgButton.bgSpecialHover-brandBlue:hover svg .scribblebg,
    .svgButton.bgSpecialHover-brandBlue:focus svg .scribblebg,
    .svgButton.bgSpecialHover-brandBlue:active svg .scribblebg,
	.svgButton.bgSpecial-white svg .scribblebg,
    .svgButton.bgSpecialHover-white:hover svg .scribblebg,
    .svgButton.bgSpecialHover-white:focus svg .scribblebg,
    .svgButton.bgSpecialHover-white:active svg .scribblebg
	{
      fill: none;
    }
	    
    .svgButton.fg-brandGreen svg .foreground, 
	.svgButton.fgHover-brandGreen:hover svg .foreground,
	.svgButton.fgHover-brandGreen:focus svg .foreground,
	.svgButton.fgHover-brandGreen:active svg .foreground
	{
      fill: #8ac33f;
    }

	.svgButton.fg-brandOrange svg .foreground, 
	.svgButton.fgHover-brandOrange:hover svg .foreground,
	.svgButton.fgHover-brandOrange:focus svg .foreground,
	.svgButton.fgHover-brandOrange:active svg .foreground {
      fill: #f4911d;
    }
	
    .svgButton.fg-brandTeal svg .foreground, 
	.svgButton.fgHover-brandTeal:hover svg .foreground,
	.svgButton.fgHover-brandTeal:focus svg .foreground,
	.svgButton.fgHover-brandTeal:active svg .foreground {
      fill: #6d9cac;
    }
 	
    .svgButton.fg-brandBlue svg .foreground, 
	.svgButton.fgHover-brandBlue:hover svg .foreground,
	.svgButton.fgHover-brandBlue:focus svg .foreground,
	.svgButton.fgHover-brandBlue:active svg .foreground {
      fill: #1b75b8;
    }
 		    
    .svgButton.fg-white svg .foreground, 
	.svgButton.fgHover-white:hover svg .foreground,
	.svgButton.fgHover-white:focus svg .foreground,
	.svgButton.fgHover-white:active svg .foreground
	{
      fill: #fff;
    }
	
	
     @media screen and (max-width: 450px) {
        .svgButton, .svgButton:hover {
            width: 142px !important;
            height: 53px !important;
        }

        .svgButton.medLength, .svgButton.medLength:hover {
            width: 170px !important;
        }
        
        .svgButton.longLength, .svgButton.longLength:hover {
            width: 197px !important;
        }

        .svgButton.xLongLength, .svgButton.xLongLength:hover {
            width: 229px !important;
        }
        
     }