
.styled-button {
  border: 2px solid #890f13;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  font-family: var(--font-primary);
  text-shadow: none;
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  border-radius: 3em;

  color: #ffffff;
  cursor: pointer;
  text-align: center;
  line-height: 45px;
  z-index: 9999;
font-size:20px;

  max-width: 140px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.styled-button span {
margin-top:2px;
}

.styled-button:hover:not([disabled]) {
  border-color: #ffffff;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5),
    0 0 20px rgba(255, 255, 255, 0.2);
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 15px;
  color: #fcbf34;
}
.styled-button[disabled] {
  border-color: #303030;
  color: #bababa;
  cursor: not-allowed;
}

.styled-gradient {
  position: absolute;
  width: 180px;
  height: 208px;
  top: 0px;
  left: 0px;
  z-index: 1;

  background: #fcbf34;
  filter: blur(305px);

  &.right {
    right: 0;
    left: auto;
  }
}
