:root {
	--primary-clr: #F8B600;
	--white-clr: #fff;
}  
/* Start fonts */

.poppins-regular, h1, h2, h3, h4, h5, h6, a, p, input, ul, button {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.poppins-medium {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.poppins-semibold {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: normal;
}
.poppins-bold {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.poppins-extrabold {
	font-family: "Poppins", sans-serif;
	font-weight: 800;
	font-style: normal;
}

.montserrat-font{
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
/* Start fonts */

/* Start my framework */
.primary-clr{color: var(--primary-clr)}
.bg-primary {background-color: var(--primary-clr) !important;}
a {text-decoration: none; color: var(--white-clr);}
.bg-dark {background-color: #161616 !important;}
.cursor-pointer {cursor: pointer;}
.gray-text-clr {color: #999999}
.hover-white{transition: all .2s ease-in-out}
.hover-white:hover {color: white}
/* End my framework */

/* Start header */
.header-content {max-width: 1000px; width: 100%; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px;}
.logo-link {width: 170px;height: 80px;display: block;}
.header .logo {max-width: 100%;max-height: 100%;object-fit: contain; min-width: 150px;}
.nav-list a {transition: all .3s ease-in-out;}
.nav-list a.active, .nav-list a:hover {color: var(--primary-clr);}
.contact-btn {background-color: var(--primary-clr); color: #000; padding: 12px 30px;}
/* End header */
main {padding-top: 80px;}
/* Start Main section */
.main-section .content-wrap {max-width: 918px;}
.main-section h1 {
    /* max-width: 690px;  */
    background: linear-gradient(355deg, #A8A8A8 20.37%, #FFFFFF 81.25%), linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; /* Fallback for non-webkit browsers */
	font-size: 34px;
}
.main-section .chart-image{left: -83px;bottom: 27px;}
.contact-box {
    max-width: 250px;
    border: 1px solid #666666;
    right: -57px;
    top: 50%;
    transform: translateY(-50%);
}
.contact-box input{
    border: none;
    padding-block: 12px;
    border-radius: 10px;
}
.gradient-border-wrapper {
    padding: 1px;    
    background: linear-gradient(270deg, #101212 1.25%, #999999 103.36%);
    border-radius: 10px;
}
.no-outline {outline: none !important;box-shadow: none !important;}
.btn-style {padding-block: 12px; border-radius: 10px;}

/* End Main section */
/* Start Features section */
.features-section {padding-block: 200px;}
.feat-box {max-width: 300px;}
.feat-box p {color: #727272;}
.border-wrap {
    padding: 2px;    
    background: linear-gradient(180deg, #FFFFFF 0%, #ADADAD 32.21%, #000000 100%);
    border-radius: 10px;
    overflow: hidden;    
}
.border-wrap > div {border-radius: 10px; min-height: 243px;}
.feat-box.box-2 {top: -100px;}
.feat-box.box-3 {top: -50px;}
/* .feat-box.box-4, .feat-box.box-6 {top: 150px;} */
.feat-box.box-5 {top: 70px;}
.gastro-order-text {
    color: #75757529;
    font-size: 110px;    
}

.box {transition: all .5s ease;}

.mast {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #75757529;  
}

.mast > .mast__header {z-index: 2;position: relative;}

.mast__header {padding: 5%;}
.mast__title {letter-spacing: 0.2em;}
.mast__title.active span {
	display: inline-block;
  -webkit-animation: letter-glow 5s ease both;
          animation: letter-glow 5s ease both;
}
.mast__title span:nth-child(1) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}
.mast__title span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.mast__title span:nth-child(3) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.mast__title span:nth-child(4) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.mast__title span:nth-child(5) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.mast__title span:nth-child(6) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.mast__title span:nth-child(7) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.mast__title span:nth-child(8) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.mast__title span:nth-child(9) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.mast__title span:nth-child(10) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.mast__title span:nth-child(11) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}

@-webkit-keyframes letter-glow {
  0% {
    opacity: 0;
    transform: translateX(50px);
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);
  }
  66% {
    opacity: 0.9;
    transform: translateX(0);
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);
  }
  100% {
    opacity: 0.5;
    transform: translateX(0);
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0);
  }
}

@keyframes letter-glow {
  0% {
    opacity: 0;
    transform: translateX(50px);
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);
  }
  66% {
    opacity: 0.9;
    transform: translateX(0);
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);
  }
  100% {
    opacity: 0.5;
    transform: translateX(0);
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0);
  }
}

/* End Features section */
/* Start Savings test section */
.savings-test-section {margin-bottom: 80px;}
/* End Savings test section */

/* Start app section */
.app-section {margin-bottom: 80px;}
.app-section .app-section-title {font-size: 50px;}
.app-section .app-btn {width: 216px;height: 67px;}
.for-height {min-height: 650px;}
.iphone-image {left: 50%; transform: translateX(-50%); aspect-ratio: 1 / 1.3;}
/* End app section */

/* Start select design section */
.select-design-section {margin-bottom: 80px;}
/* Start Order manager section */
.order-manager-section .order-manager-title {font-size: 60px;}
.order-manager-section .machin-image {top: 50%;transform: translateY(-50%); width: 50%;}
/* End Order manager section */

/* Start plans section */
.plan-card {border: 1px solid transparent;box-shadow: 1px 7px 9.4px 6px #58585840; transition: all .3s ease-in-out;  }
.plan-card.active {border: 1px solid #666666;}
.plan-card .card-title {border-bottom: 1px solid #666666;}
.plan-card .card-btn {max-width: 220px;}
.plan-card .feature, .list-title, .plan-card .card-btn {opacity: 0;}
 
/* End plans section */

/* Start faq question */
.faq-section {margin-bottom: 80px;}
.faq-section .faq-list {max-width: 700px;}
.faq-section .bottom-line {
  height: 1px;
  width: 100%;
  background: linear-gradient(270deg, rgba(168, 168, 168, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%),
  radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.33) 8%, rgba(255, 255, 255, 0.33) 39%, rgba(255, 255, 255, 0) 83%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
}
.faq-section .faq-list li:not(:first-child) .answer, .question-header .minus, .question-header.active .plus {display: none;}
.question-header p, .question-header svg path {transition: all .2s ease-in-out;}
.question-header:hover {color: var(--primary-clr);}
.question-header:hover svg path {fill: var(--primary-clr);}
.question-header.active .minus {display: block;}
/* End faq question */

/* Start Breadcrumb and page title style */
.top-page {margin-bottom: 80px}
.page-title{font-size: 34px;}
.sub-page-title {  
    background: linear-gradient(355deg, #A8A8A8 20.37%, #FFFFFF 81.25%), linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
	font-size: 18px;
}
/* End Breadcrumb and page title style */

													/*********** Start Plans + contact page ***********/
/* Start plans section */
.plans-btn {height: 63px;width: 250px;}
.plan-price {font-size: 60px;}
.plans-section-price-page {margin-bottom: 80px;}
/* End plans section */

/* Start Contact form section */
.contact-section {margin-bottom: 80px;}
.contact-section .form-wrap {max-width: 800px;}
.contact-section .form-wrap form input {border: 1px solid #CACACA;}
.contact-section .form-wrap form input:focus{outline: 1px solid #CACACA;}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{
	background-color: transparent;
	color: #fff;
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{color: #fff;}

textarea.form-control:focus {border-color: #fff; }
/* End Contact form section */

													/*********** End Plans + contact page ***********/
													/*************** Start app page ***************/
.section-app-title {font-size: 30px;}
.about-app-section, .features-app-section, .test-app-section {margin-bottom: 80px;}
.gradient-text-clr {
	background: linear-gradient(355deg, #A8A8A8 20.37%, #FFFFFF 81.25%), linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.test-app-section .content-wrap {background-color: #151515;}
.app-features-list li p {position: relative; margin-left: 36px;}
.app-features-list li p svg {left: -35px;top: -3px;}
													/*************** End app page ***************/

													
													/*************** Start web shop page ***************/
.lap-sc-section {margin-bottom: 80px;}
.wrap-border-dark {
	border: 20px solid #151515;
	width: 47%;
	border-left: none;
	border-radius: 57px;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	height: 400px;
	
}
.wrap-border-white {width: 100%; border: 5px solid #fff; border-left: none;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.check-icon {left: -36px; top: 0px;}
.question-text {margin-left: 32px;}
.accordion-item:not(:first-of-type) .answer-wrap {display: none;}
.accordion-header svg.angle-icon, .accordion-header p, .accordion-header svg.angle-icon path{transition: all .2s ease-in-out;}
.accordion-header.active p,.accordion-header:hover p {color: var(--primary-clr) !important;} 
.accordion-header.active svg.angle-icon {transform: rotate(180deg);}
.accordion-header.active svg.angle-icon path, .accordion-header:hover svg.angle-icon path {stroke: var(--primary-clr);}
.accordion-item .answer-wrap{border-bottom: 1px solid #929292;}

.website-section {margin-bottom: 80px;}
.template-card {background-color: #151515;}
.template-card .logo-template-wrap {width: 50px; height: 50px;}
.template-logo {max-width: max-content;}


													/*************** End web shop page ***************/

													/*************** Start contact page ***************/
.contact-methods-section{margin-bottom: 80px;}
.contact-methods-section .contact-method .text{margin-top: 80px;}
.contact-method {border: 1px solid #414141;}
.contact-icon-wrap {width: 65px; height: 65px; background: #1B1B1B;}
													/*************** End contact page ***************/




/* Start footer */
.footer {background-color: #080808;}
.footer .footer-logo-container {
    padding: 1px;
    background: linear-gradient(270deg, #101212 1.25%, #999999 103.36%);
    border-radius: 20px;
}
.footer .footer-logo-container > div {border-radius: 20px;}
li.social-list a{
  border-radius: 50%;
  height: 50px;
  width: 50px;
  border: 1px solid #353535;
}
.store-icon-link {border: 1px solid #353535; height: 60px; width: 60px; border-radius: 50%;}
.store-icon-link, .store-icon-link svg path, .motiv-x-link {transition: all .3s ease-in-out;}
.store-icon-link:hover {background-color: var(--primary-clr);}
.store-icon-link:hover:nth-child(1) path {fill: #000; stroke: #000;}
.store-icon-link:hover:nth-child(2) path {fill: #000; }
.global-link-hover{transition: all .3s ease-in-out;}
.global-link-hover:hover{color: var(--primary-clr) !important;}
.motiv-x-link:hover {color: var(--primary-clr);}
/* End footer */




/* Start Select2 custom style */
.select2-container--default .select2-selection--single {
  border-radius: 20px;           /* makes it pill-shaped */
  border: 1px solid #ccc;
  padding: 6px 20px;
  height: auto;
  min-height: 38px;
  display: flex;
  align-items: center;
  font-size: 14px;
  background-color: #f9f9f9;
}

/* Selected text inside */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
  line-height: normal;
  padding-left: 0;
  padding-right: 0;
}

/* Arrow icon */
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 100%;right: 10px;}
/* Focus outline */
.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #fff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
/* Dropdown (optional) */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--primary-clr);
  color: white;
}
/* Add SVG angle icon as background */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2"><polyline points="6,9 12,15 18,9"></polyline></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

/* Rotate when opened */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-container--default .select2-selection--single {background-color: transparent;}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.select2-container--open .select2-dropdown--below, .select2-container--default .select2-results>.select2-results__options {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
/* .select-wrap .pill-select {min-width: 50%;} */
.select-wrap {flex-basis: calc(50% - 0.75rem);}
    .select-wrap .pill-select {width: 100%;}

/* End Select2 custom style */
                             

/* Burder nav button */


.nav-btn-wrap input {
	display: none;
}

.nav-btn-wrap label {
	position: relative;
	width: 40px;
	height: 40px;
	display: block;
	cursor: pointer;
	background: transparent;
}

/* Exit Icon */

.nav-btn-wrap label:before,
.nav-btn-wrap input:checked + label:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -2px;
	width: 40px;
	height: 3px;
	border-radius: 2px;
	background: #fafafa;
}

.nav-btn-wrap label:before {
	-webkit-animation: animationOneReverse 1s ease forwards;
	animation: animationOneReverse 1s ease forwards;
}

@-webkit-keyframes animationOneReverse {
	0% { -webkit-transform: rotate(315deg); }
	25% { -webkit-transform: rotate(360deg); }
	50%, 100% { -webkit-transform: rotate(0deg); }
}
@keyframes animationOneReverse {
	0% { transform: rotate(315deg); }
	25% { transform: rotate(360deg); }
	50%, 100% { transform: rotate(0deg); }
}

.nav-btn-wrap input:checked + label:before {
	-webkit-animation: animationOne 1s ease forwards;
	animation: animationOne 1s ease forwards;
}

@-webkit-keyframes animationOne {
	0%, 50% { -webkit-transform: rotate(0deg); }
	75% { -webkit-transform: rotate(360deg); }
	100% { -webkit-transform: rotate(315deg); }
}
@keyframes animationOne {
	0%, 50% { transform: rotate(0deg); }
	75% { transform: rotate(360deg); }
	100% { transform: rotate(315deg); }
}

.nav-btn-wrap label:after,
.nav-btn-wrap input:checked + label:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -2px;
	width: 40px;
	height: 3px;
	border-radius: 2px;
	background: #fafafa;
}

.nav-btn-wrap label:after {
	-webkit-animation: animationTwoReverse 1s ease forwards;
	animation: animationTwoReverse 1s ease forwards;
}

@-webkit-keyframes animationTwoReverse {
	0% { -webkit-transform: rotate(405deg); }
	25% { -webkit-transform: rotate(450deg); }
	50%, 100% { -webkit-transform: rotate(0deg); }
}
@keyframes animationTwoReverse {
	0% { transform: rotate(405deg); }
	25% { transform: rotate(450deg); }
	50%, 100% { transform: rotate(0deg); }
}

.nav-btn-wrap input:checked + label:after {
	-webkit-animation: animationTwo 1s ease forwards;
	animation: animationTwo 1s ease forwards;
}

@-webkit-keyframes animationTwo {
	0%, 50% { -webkit-transform: rotate(0deg); }
	75% { -webkit-transform: rotate(450deg); }
	100% { -webkit-transform: rotate(405deg); }
}
@keyframes animationTwo {
	0%, 50% { transform: rotate(0deg); }
	75% { transform: rotate(450deg); }
	100% { transform: rotate(405deg); }
}

/* Burger Icon */
.nav-btn-wrap label .burger:before {
	content: '';
	position: absolute;
	top: 6px;
	width: 40px;
	height: 3px;
	border-radius: 2px;
	background: #fafafa;
	-webkit-animation: animationBurgerTopReverse 1s ease forwards;
	animation: animationBurgerTopReverse 1s ease forwards;
}

@-webkit-keyframes animationBurgerTopReverse {
	0%, 50% { -webkit-transform: translateY(12px); opacity: 0; }
	51% { -webkit-transform: translateY(12px); opacity: 1; }
	100% { -webkit-transform: translateY(0px); opacity: 1; }
}
@keyframes animationBurgerTopReverse {
	0%, 50% { transform: translateY(12px); opacity: 0; }
	51% { transform: translateY(12px); opacity: 1; }
	100% { transform: translateY(0px); opacity: 1; }
}

.nav-btn-wrap input:checked + label .burger:before {
	-webkit-animation: animationBurgerTop 1s ease forwards;
	animation: animationBurgerTop 1s ease forwards;
}

@-webkit-keyframes animationBurgerTop {
	0% { -webkit-transform: translateY(0px); opacity: 1; }
	50% { -webkit-transform: translateY(12px); opacity: 1; }
	51%, 100% { -webkit-transform: translateY(12px); opacity: 0; }
}
@keyframes animationBurgerTop {
	0% { transform: translateY(0px); opacity: 1; }
	50% { transform: translateY(12px); opacity: 1; }
	51%, 100% { transform: translateY(12px); opacity: 0; }
}

.nav-btn-wrap label .burger:after {
	content: '';
	position: absolute;
	bottom: 6px;
	width: 40px;
	height: 3px;
	border-radius: 2px;
	background: #fafafa;
	-webkit-animation: animationBurgerBottomReverse 1s ease forwards;
	animation: animationBurgerBottomReverse 1s ease forwards;
}

@-webkit-keyframes animationBurgerBottomReverse {
	0%, 50% { -webkit-transform: translateY(-12px); opacity: 0; }
	51% { -webkit-transform: translateY(-12px); opacity: 1; }
	100% { -webkit-transform: translateY(0px); opacity: 1; }
}
@keyframes animationBurgerBottomReverse {
	0%, 50% { transform: translateY(-12px); opacity: 0; }
	51% { transform: translateY(-12px); opacity: 1; }
	100% { transform: translateY(0px); opacity: 1; }
}

.nav-btn-wrap input:checked + label .burger:after {
	-webkit-animation: animationBurgerBottom 1s ease forwards;
	animation: animationBurgerBottom 1s ease forwards;
}

@-webkit-keyframes animationBurgerBottom {
	0% { -webkit-transform: translateY(0px); opacity: 1; }
	50% { -webkit-transform: translateY(-12px); opacity: 1; }
	51%, 100% { -webkit-transform: translateY(-12px); opacity: 0; }
}
@keyframes animationBurgerBottom {
	0% { transform: translateY(0px); opacity: 1; }
	50% { transform: translateY(-12px); opacity: 1; }
	51%, 100% { transform: translateY(-12px); opacity: 0; }
}

/* shape follow mouse */
#custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: transparent; /* Or use image */
  pointer-events: none;
  z-index: 9999;
  transform: translate(-100%, -100%);
  background-image: url('../images/icon_yellow.png');
  background-repeat: no-repeat;
  background-size: contain;
}

/* button hover style */

.button-wrap {
	height: 100%;
	text-align: center;
	position: relative;
	z-index: 2;	
}

.pen-info {
  color: #d4d3d4;
  font-size: 80%;
  text-transform: uppercase;
}

.c-button {
  color: #000;
  font-weight: 700;
  /* font-size: 1em; */
  text-decoration: none;
  /* padding: 0.7em 1.8em; */
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.c-button .angle-svg-icon path{transition: all .2s ease-in-out;}
.c-button:hover .angle-svg-icon path{fill: #fff;}

.c-button--gooey {
  color: #000;
  /* font-size: 1.3em; */
  text-transform: uppercase;
  /* letter-spacing: 2px; */
  /* border: 4px solid #06c8d9; */
  border-radius: 0;
  padding: 12px 30px;
  position: relative;
  transition: all 700ms ease;
  overflow: hidden;
}
.c-button--gooey .c-button__blobs {
  height: 100%;
  filter: url(#goo);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: -3px;
  right: -1px;
  z-index: -1;
}
.c-button--gooey .c-button__blobs div {
  /* background-color: #06c8d9; */
  /* background-color: var(--primary-clr); */
  width: 34%;
  height: 100%;
  border-radius: 100%;
  position: absolute;
  transform: scale(1.4) translateY(125%) translateZ(0);
  transition: all 700ms ease;
}
.c-button--gooey .c-button__blobs div:nth-child(1) {left: -5%;}
.c-button--gooey .c-button__blobs div:nth-child(2) {left: 30%;transition-delay: 60ms;}
.c-button--gooey .c-button__blobs div:nth-child(3) {left: 66%;transition-delay: 25ms;}
.c-button--gooey:hover {color: #fff;}
.c-button--gooey:hover .c-button__blobs div {
  transform: scale(1.4) translateY(0) translateZ(0);
}
.hover-btn-black a.c-button:hover {border-color: #000 !important;}
.hover-btn-black a.c-button svg path,
.hover-btn-black a.c-button .btn-text,
.hover-btn-black button.c-button svg.contact-btn-icon path,
.button-wrap a.c-button .angle-icon path
{transition: all .3s ease-in-out;}
.hover-btn-black a.c-button:hover svg path {stroke: #000; fill: #000;} 
.hover-btn-black a.c-button:hover svg.no-stroke path {stroke: none; fill: #000;} 
.hover-btn-black a.c-button:hover .btn-text {color: #000 !important;}

.hover-btn-black button.c-button:hover svg.contact-btn-icon path {stroke: #fff;}
.contact-form-btn button.c-button:hover {border: 1px solid #fff !important;}

.button-wrap a.c-button:hover .angle-icon path {fill: white;}