/* BOTONES */
.btn .elementor-button {
  background-color: var(--c-blanco) !important;
  color: var(--c-negro) !important;
  padding: 15px 30px;
  margin: 0;
  position: relative;
  border: 1px solid var(--c-negro);
  z-index: 1;
  font-size: clamp(15px, 5vw, 18px);
  font-weight: 500;
  border-radius: 100px;
  text-transform: uppercase;
  overflow: hidden;
  transition: var(--all-transition);
  &.btn-minus {
    text-transform: none;
  }
  &::after {
    content: "";
    background-color: var(--c-negro);
    position: absolute;
    width: 0;
    height: 100%;
    border-radius: 500px;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: var(--all-transition);
  }
  .elementor-button-text {
    line-height: 25px;
  }
  .elementor-button-icon {
    z-index: 2;
    svg {
      width: 20px;
      fill: var(--c-primary);
      path {
        transform-origin: center;
        display: block;
        transform: rotate(0deg);
        transition: var(--transitions-large);
      }
    }
  }
  &:hover {
    color: var(--c-blanco) !important;
    .elementor-button-icon {
      svg {
        path {
          transition: var(--transitions-large);
          transform: rotate(180deg);
          fill: var(--c-blanco);
        }
      }
    }
    &::after {
      width: 100%;
      height: 100%;
      transition: var(--all-transition);
    }
  }
}