/* line 6, scss/component/buttons.scss */
button {
  border: none; }

/* line 26, scss/component/buttons.scss */
[class*="btn"] {
  display: inline-flex;
  padding: 1rem 1.5rem;
  gap: 0.75rem;
  font-size: var(--font-size-base);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease; }

/* line 30, scss/component/buttons.scss */
[class*="btn"][class*="outlined"]:not([class*="no-button"]) {
  border: var(--button-border-width) solid; }

/* Bottone primario */
/* line 35, scss/component/buttons.scss */
.btn {
  background-color: var(--color--black);
  color: var(--color--accent1); }
  /* line 39, scss/component/buttons.scss */
  .btn:hover, .btn:focus {
    background-color: var(--color--secondary3); }
  /* line 44, scss/component/buttons.scss */
  .btn.disabled, input[type=submit][disabled] {
    background: var(--color--neutral1) !important;
    color: var(--color--neutral2) !important;
    cursor: default; }

/* Bottone primario outline */
/* line 52, scss/component/buttons.scss */
.btn-primary-outlined {
  background-color: transparent;
  border-color: var(--color--black);
  color: var(--color--black); }
  /* line 57, scss/component/buttons.scss */
  .btn-primary-outlined:hover, .btn-primary-outlined:focus {
    background-color: var(--color--neutral1); }

/* Bottone primario no button */
/* line 64, scss/component/buttons.scss */
.btn-primary-no-button {
  background-color: transparent;
  color: var(--color--black);
  padding: 1rem 0; }
  /* line 69, scss/component/buttons.scss */
  .btn-primary-no-button:hover, .btn-primary-no-button:focus {
    color: var(--color--secondary3); }

/* Bottone secondario */
/* line 76, scss/component/buttons.scss */
.btn-secondary {
  background-color: var(--color--accent1);
  color: var(--color--secondary3); }
  /* line 80, scss/component/buttons.scss */
  .btn-secondary:hover, .btn-secondary:focus {
    background-color: var(--color--secondary3);
    color: var(--color--accent1); }

/* Bottone secondario outline */
/* line 88, scss/component/buttons.scss */
.btn-secondary-outlined {
  background-color: var(--color--white);
  border-color: var(--color--accent3);
  color: var(--color--accent3); }
  /* line 93, scss/component/buttons.scss */
  .btn-secondary-outlined:hover, .btn-secondary-outlined:focus {
    background-color: transparent;
    color: var(--color--secondary3); }

/* Bottone secondario no button */
/* line 101, scss/component/buttons.scss */
.btn-secondary-no-button {
  background-color: transparent;
  color: var(--color--accent3);
  padding: 1rem 0; }
  /* line 106, scss/component/buttons.scss */
  .btn-secondary-no-button:hover, .btn-secondary-no-button:focus {
    color: var(--color--secondary3); }

/* Bottone neutrale */
/* line 113, scss/component/buttons.scss */
.btn-neutral {
  background-color: var(--color--primary1);
  color: var(--color--accent3); }
  /* line 117, scss/component/buttons.scss */
  .btn-neutral:hover, .btn-neutral:focus {
    background-color: var(--color--secondary3);
    color: var(--color--accent1); }

/* Bottone neutrale outline */
/* line 157, scss/component/buttons.scss */
.btn-neutral-outline {
  position: relative;
  z-index: 1;
  color: var(--color--accent3);
  background-color: var(--button-neutral-bg);
  border: none;
  border-radius: var(--button-border-radius);
  overflow: hidden;
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px); }
  /* line 136, scss/component/buttons.scss */
  .btn-neutral-outline::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    padding: var(--button-border-width);
    background: linear-gradient(to bottom, var(--button-border-gradient-from), var(--button-border-gradient-to));
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out; }
  /* line 152, scss/component/buttons.scss */
  .btn-neutral-outline:hover {
    background-color: var(--button-neutral-bg-hover); }

/* line 161, scss/component/buttons.scss */
.field--name-field-page-cta a,
.swiper-button-prev,
.swiper-button-next {
  display: inline-flex;
  padding: 1rem 1.5rem;
  gap: 0.75rem;
  font-size: var(--font-size-base);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease;
  border: var(--button-border-width) solid;
  position: relative;
  z-index: 1;
  color: var(--color--accent3);
  background-color: var(--button-neutral-bg);
  border: none;
  border-radius: var(--button-border-radius);
  overflow: hidden;
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px); }
  /* line 136, scss/component/buttons.scss */
  .field--name-field-page-cta a::before,
  .swiper-button-prev::before,
  .swiper-button-next::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    padding: var(--button-border-width);
    background: linear-gradient(to bottom, var(--button-border-gradient-from), var(--button-border-gradient-to));
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out; }
  /* line 152, scss/component/buttons.scss */
  .field--name-field-page-cta a:hover,
  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    background-color: var(--button-neutral-bg-hover); }

/* line 171, scss/component/buttons.scss */
.swiper .swiper-button-prev:before,
.swiper .swiper-button-next:before {
  border-width: 1.5px; }

/* line 176, scss/component/buttons.scss */
.swiper .swiper-button-prev:after,
.swiper .swiper-button-next:after {
  content: none; }

/* line 181, scss/component/buttons.scss */
.swiper .swiper-button-next.swiper-button-disabled,
.swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0.5; }

/* line 187, scss/component/buttons.scss */
input[type=submit] {
  display: inline-flex;
  padding: 1rem 1.5rem;
  gap: 0.75rem;
  font-size: var(--font-size-base);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease;
  background-color: var(--color--black);
  color: var(--color--accent1);
  width: -moz-fit-content;
  width: fit-content;
  border: none; }
  /* line 194, scss/component/buttons.scss */
  input[type=submit]:hover, input[type=submit]:focus {
    background-color: var(--color--secondary3); }
  /* line 199, scss/component/buttons.scss */
  input[type=submit].btn-neutral {
    background-color: var(--color--primary1);
    color: var(--color--accent3); }
    /* line 203, scss/component/buttons.scss */
    input[type=submit].btn-neutral:hover, input[type=submit].btn-neutral:focus {
      background-color: var(--color--secondary3);
      color: var(--color--accent1); }

/* line 215, scss/component/buttons.scss */
.views-display-link {
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  padding: 1rem 2rem 1rem 0;
  font-size: var(--font-size-base);
  font-weight: 700;
  color: var(--color--accent3);
  text-decoration: none;
  transition: all .3s ease; }
  /* line 227, scss/component/buttons.scss */
  .views-display-link::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 100%;
    top: 0;
    right: 0;
    background: url(../../images/icons/slider-arrow-right.svg);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease; }
  /* line 241, scss/component/buttons.scss */
  .views-display-link:hover, .views-display-link:focus {
    color: var(--color--secondary3); }
    /* line 245, scss/component/buttons.scss */
    .views-display-link:hover::after, .views-display-link:focus::after {
      filter: brightness(0.6); }
  /* line 250, scss/component/buttons.scss */
  .views-display-link + .views-display-link {
    margin: 0; }

/* line 255, scss/component/buttons.scss */
.anchor-links [class*="btn"] {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem; }
  /* line 259, scss/component/buttons.scss */
  .anchor-links [class*="btn"]:last-child {
    margin-right: 0; }

/*# sourceMappingURL=buttons.css.map */