/* ==========================================================================
   COMMON BASE STYLES
   ========================================================================== */
.c-btn-btn a {
	color:#1D1952!important;
}
.nav-up .c-btn-btn:hover a {
	color:#fff!important;
}
.c-btn-btn-t,
.c-btn-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 47px;
  padding: 0 10px 0 17px;
  position: relative;
  background-clip: padding-box;
  box-sizing: border-box;
  border-radius: 6px 0px 0px 6px;
  cursor: pointer;
  font-weight: 700;
  font-family: venn-semiextended;
  font-size: 16px;
  border: none;
  border-right: 27px solid transparent !important; 
  white-space: nowrap;
	text-decoration: none !important;
}

.c-btn-btn-t span,
.c-btn-btn span {
  text-transform: uppercase;
}

.c-btn-btn-t:hover span,
.c-btn-btn:hover span {
  transform: translateX(5px);
}

/* Common Pseudo-element Properties */
.c-btn-btn-t::before,
.c-btn-btn-t::after,
.c-btn-btn::before,
.c-btn-btn::after {
  content: "";
  position: absolute;
  height: 47px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}


/* ==========================================================================
   VARIANT: .c-btn-btn-t (Transparent Style)
   ========================================================================== */

.c-btn-btn-t {
  --btn-bg: transparent;
  --btn-text-color: #ffffff;
  --btn-border-color: #ffffff;
  --shape-outline-color: #ffffff;
  --shape-solid-color: transparent; 
box-shadow:
          inset 3px 0 0 0 var(--btn-border-color),
          inset 0 3px 0 0 var(--btn-border-color),
          inset 0 -3px 0 0 var(--btn-border-color) !important;
  border-right: none;
  background-color: var(--btn-bg);
  color: var(--btn-text-color);
  font-size: 18px;
  text-decoration: none;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.c-btn-btn-t span {
  transition: transform 0.3s ease-in-out;
}

.c-btn-btn-t::before,
.c-btn-btn-t::after {
  right: -27px; 
  width: 27px;
  pointer-events: none;
  transition: background-color 0.3s ease-in-out;
}

/* LAYER 1: OUTLINE SHAPE */
.c-btn-btn-t::before {
  background-color: var(--shape-outline-color); 
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20width='27'%20height='47'%20viewBox='0%200%2027%2047'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cmask%20id='mask0_17481_8929'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='27'%20height='47'%3E%3Crect%20width='27'%20height='47'%20fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg%20mask='url(%23mask0_17481_8929)'%3E%3Cpath%20d='M-253%201.5H0.283203C1.99078%201.5%203.5518%202.46641%204.3125%203.99512L12.8359%2021.127C13.765%2022.9943%2013.7421%2025.1948%2012.7734%2027.042L4.35645%2043.0898C3.57944%2044.5714%202.045%2045.4998%200.37207%2045.5H-253C-255.485%2045.5%20-257.5%2043.4853%20-257.5%2041V6C-257.5%203.51472%20-255.485%201.5%20-253%201.5Z'%20stroke='white'%20stroke-width='3'/%3E%3Cpath%20d='M25.7336%2028.7656L18.8045%2042.445C17.4572%2045.1047%2015.1651%2046.9737%2012.5494%2046.9846L9.08008%2046.9995C9.65205%2046.2008%2010.1124%2045.4852%2010.5584%2044.604L18.622%2028.6831C20.1555%2025.655%2020.3916%2021.9101%2018.832%2018.8184L10.5352%202.37386C10.0972%201.50583%209.64112%200.813688%209.08341%200.0155527L12.5019%200.0304502C15.356%200.0424824%2017.5831%202.11889%2019.0007%204.9264L25.737%2018.2638C27.4215%2021.599%2027.4225%2025.4327%2025.7336%2028.7656Z'%20fill='white'/%3E%3C/g%3E%3C/svg%3E");
}

/* LAYER 2: SOLID SHAPE */
.c-btn-btn-t::after {
  background-color: var(--shape-solid-color); 
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20width='27'%20height='47'%20viewBox='0%200%2027%2047'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cmask%20id='mask0_17481_8929'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='27'%20height='47'%3E%3Crect%20width='27'%20height='47'%20fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg%20mask='url(%23mask0_17481_8929)'%3E%3Cpath%20d='M-253%201.5H0.283203C1.99078%201.5%203.5518%202.46641%204.3125%203.99512L12.8359%2021.127C13.765%2022.9943%2013.7421%2025.1948%2012.7734%2027.042L4.35645%2043.0898C3.57944%2044.5714%202.045%2045.4998%200.37207%2045.5H-253C-255.485%2045.5%20-257.5%2043.4853%20-257.5%2041V6C-257.5%203.51472%20-255.485%201.5%20-253%201.5Z'%20fill='white'%20stroke='white'%20stroke-width='3'/%3E%3Cpath%20d='M25.7336%2028.7656L18.8045%2042.445C17.4572%2045.1047%2015.1651%2046.9737%2012.5494%2046.9846L9.08008%2046.9995C9.65205%2046.2008%2010.1124%2045.4852%2010.5584%2044.604L18.622%2028.6831C20.1555%2025.655%2020.3916%2021.9101%2018.832%2018.8184L10.5352%202.37386C10.0972%201.50583%209.64112%200.813688%209.08341%200.0155527L12.5019%200.0304502C15.356%200.0424824%2017.5831%202.11889%2019.0007%204.9264L25.737%2018.2638C27.4215%2021.599%2027.4225%2025.4327%2025.7336%2028.7656Z'%20fill='white'/%3E%3C/g%3E%3C/svg%3E");
}


/* ==========================================================================
   VARIANT: .c-btn-btn (Elementor Style)
   ========================================================================== */

.c-btn-btn {
  /* Fallback variables in case Elementor styles haven't loaded yet */
  --btn-bg: #fff;
  --btn-before-bg: #B2D235;
  background-color: var(--btn-bg) !important;
  text-decoration: none !important;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out !important;
}

.c-btn-btn span {
  transition: color 0.3s ease-in-out, transform 0.3s ease-in-out !important;
}

.c-btn-btn:hover::before {
  background: var(--btn-bg) !important;
}

.c-btn-btn::before,
.c-btn-btn::after {
  transition: background-color 0.3s ease-in-out !important;
}

.c-btn-btn::after {
  right: -15px;
  width: 15px;
  background: var(--btn-bg);
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='47'%20viewBox='0%200%2015%2047'%3E%3Cpath%20d='M-159%2041V6C-159%202.68629%20-156.314%200%20-153%200H0.283997C2.561%200%204.641%201.28877%205.655%203.32728L14.179%2020.459C15.323%2022.7573%2015.294%2025.4648%2014.102%2027.7382L5.685%2043.7867C4.649%2045.7623%202.60199%2047%200.371994%2047H-153C-156.314%2047%20-159%2044.3137%20-159%2041Z'%20fill='%23000'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='47'%20viewBox='0%200%2015%2047'%3E%3Cpath%20d='M-159%2041V6C-159%202.68629%20-156.314%200%20-153%200H0.283997C2.561%200%204.641%201.28877%205.655%203.32728L14.179%2020.459C15.323%2022.7573%2015.294%2025.4648%2014.102%2027.7382L5.685%2043.7867C4.649%2045.7623%202.60199%2047%200.371994%2047H-153C-156.314%2047%20-159%2044.3137%20-159%2041Z'%20fill='%23000'/%3E%3C/svg%3E");
}

.c-btn-btn::before {
  right: -27px; 
  width: 18px;
  background: var(--btn-before-bg);
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='47'%20viewBox='0%200%2018%2047'%3E%3Cpath%20d='M16.6536%2028.75L9.72439%2042.4294C8.37714%2045.0891%206.08499%2046.9581%203.46934%2046.969L0%2046.9839C0.571967%2046.1852%201.03229%2045.4696%201.47837%2044.5883L9.54197%2028.6675C11.0754%2025.6394%2011.3116%2021.8945%209.75195%2018.8028L1.45509%202.35824C1.01709%201.4902%200.561044%200.798063%200.00332864%20-7.231e-05L3.42183%200.0148252C6.27597%200.0268574%208.50302%202.10327%209.92059%204.91078L16.6569%2018.2482C18.3414%2021.5834%2018.3424%2025.4171%2016.6536%2028.75Z'%20fill='%23000'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='47'%20viewBox='0%200%2018%2047'%3E%3Cpath%20d='M16.6536%2028.75L9.72439%2042.4294C8.37714%2045.0891%206.08499%2046.9581%203.46934%2046.969L0%2046.9839C0.571967%2046.1852%201.03229%2045.4696%201.47837%2044.5883L9.54197%2028.6675C11.0754%2025.6394%2011.3116%2021.8945%209.75195%2018.8028L1.45509%202.35824C1.01709%201.4902%200.561044%200.798063%200.00332864%20-7.231e-05L3.42183%200.0148252C6.27597%200.0268574%208.50302%202.10327%209.92059%204.91078L16.6569%2018.2482C18.3414%2021.5834%2018.3424%2025.4171%2016.6536%2028.75Z'%20fill='%23000'/%3E%3C/svg%3E");
}

@media(max-width:576px){
	.c-btn-btn-t,
.c-btn-btn {
  font-size: 15px;
	}
}