.TADAFY__sha-0330 {
  position: relative;
  display: inline-block;
  justify-content: center;
  align-items: center;
  align-self: center;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  font-family: Exo, sans-serif;
  color: white;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 800;
  text-align: center;
  letter-spacing: 3px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.sha-0330__WRAP {
  justify-content: center;
  align-items: center;
}

.sha-0330__SEGM {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  margin-right: 10%;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 30px;
  background-color: hsla(148.43478260869566, 100.00%, 45.10%, 1.00);
  transform: skew(-7deg, 0deg) rotate(-7deg);
  transform-origin: 0% 0%;
}

.sha-0330__SEGM.lev-02 {
  right: 2%;
  opacity: 0.5;
}

.sha-0330__SEGM.lev-02.lev-03 {
  right: 4%;
  display: block;
}

.sha-0330__FILL {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: hsla(208.00000000000003, 15.15%, 19.41%, 1.00);
}

.sha-0330__LABEL {
  position: relative;
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

/* IX2 initial/leave state.
   Webflow's initial-state transform action establishes the interaction
   transform state independently from the authored static transform. */
.TADAFY__sha-0330 .sha-0330__SEGM {
  transform: skew(0deg, 0deg) rotate(0deg);
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  transition-delay: 0ms;
}

.TADAFY__sha-0330 .sha-0330__LABEL {
  transform: translateY(0px);
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  transition-delay: 0ms;
}

/* IX2 mouse-over state. outCirc = cubic-bezier(0.075, 0.82, 0.165, 1). */
.TADAFY__sha-0330:hover .sha-0330__SEGM {
  transform: skew(-6deg, 0deg) rotate(-6deg);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.TADAFY__sha-0330:hover .sha-0330__LABEL {
  transform: translateY(-3px);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}