.wp-block-button__link {
transition: var(--current-button-transition); }
.wp-block-button {
display: flex; }
.wp-block-button:not(.is-style-text) .wp-block-button__link {
display: inline-block;
text-decoration: none;
--theme-button-text-color: var(--sm-current-bg-color);
--theme-button-background-color: var(--sm-button-background-color);
--theme-button-border-color: var(--sm-button-background-color);
--theme-button-hover-text-color: var(--sm-button-background-color);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-button-background-color);
--current-button-background-color: var(--theme-button-background-color);
--current-button-border-color: var(--theme-button-border-color);
--current-button-text-color: var(--theme-button-text-color);
--current-button-transition: var(--theme-button-transition);
background-color: var(--current-button-background-color);
color: var(--current-button-text-color);
--font-size: var(--theme-button-font-size);
--current-font-size: var(--final-font-size);
--current-font-family: var(--theme-button-font-family);
--current-font-weight: var(--theme-button-font-weight);
--current-font-style: var(--theme-button-font-style);
--current-line-height: var(--theme-button-line-height);
--current-letter-spacing: var(--theme-button-letter-spacing);
--current-text-transform: var(--theme-button-text-transform); }
.wp-block-button:not(.is-style-text) .wp-block-button__link:not([disabled]) {
cursor: pointer; }
.wp-block-button:not(.is-style-text) .wp-block-button__link:not([disabled]):hover {
--current-button-background-color: var(--theme-button-hover-background-color);
--current-button-border-color: var(--theme-button-hover-border-color);
--current-button-text-color: var(--theme-button-hover-text-color);
--current-button-transition: var(--theme-button-hover-transition); }
.wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background) {
background-color: transparent;
transform: translateZ(0);
will-change: transform;
backface-visibility: hidden;
overflow: hidden; }
.wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background):before {
content: '';
position: absolute;
top: calc( -1 * var(--theme-button-border-width));
right: calc( -1 * var(--theme-button-border-width));
bottom: calc( -1 * var(--theme-button-border-width));
left: calc( -1 * var(--theme-button-border-width));
z-index: -1;
will-change: transform;
-webkit-backface-visibility: hidden;
transition: var(--current-button-transition);
transition-property: transform; }
.wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background):before {
transform: scale3d(1, 1, 1);
transform-origin: right;
background-color: var(--theme-button-background-color); }
.wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background):not([disabled]):hover:before {
transform: scale3d(0, 1, 1); }
.wp-block-button.is-style-primary .wp-block-button__link[class] {
background-color: transparent;
transform: translateZ(0);
will-change: transform;
backface-visibility: hidden;
overflow: hidden; }
.wp-block-button.is-style-primary .wp-block-button__link[class]:before {
content: '';
position: absolute;
top: calc( -1 * var(--theme-button-border-width));
right: calc( -1 * var(--theme-button-border-width));
bottom: calc( -1 * var(--theme-button-border-width));
left: calc( -1 * var(--theme-button-border-width));
z-index: -1;
will-change: transform;
-webkit-backface-visibility: hidden;
transition: var(--current-button-transition);
transition-property: transform; }
.wp-block-button.is-style-primary .wp-block-button__link[class]:before {
transform: scale3d(1, 1, 1);
transform-origin: right;
background-color: var(--theme-button-background-color); }
.wp-block-button.is-style-primary .wp-block-button__link[class]:not([disabled]):hover:before {
transform: scale3d(0, 1, 1); }
.wp-block-button.is-style-secondary .wp-block-button__link[class] {
background-color: transparent;
transform: translateZ(0);
will-change: transform;
backface-visibility: hidden;
overflow: hidden;
--current-button-text-color: var(--theme-button-hover-text-color); }
.wp-block-button.is-style-secondary .wp-block-button__link[class]:before {
content: '';
position: absolute;
top: calc( -1 * var(--theme-button-border-width));
right: calc( -1 * var(--theme-button-border-width));
bottom: calc( -1 * var(--theme-button-border-width));
left: calc( -1 * var(--theme-button-border-width));
z-index: -1;
will-change: transform;
-webkit-backface-visibility: hidden;
transition: var(--current-button-transition);
transition-property: transform; }
.wp-block-button.is-style-secondary .wp-block-button__link[class]:before {
transform: scale3d(0, 1, 1);
transform-origin: left;
background-color: var(--theme-button-background-color); }
.wp-block-button.is-style-secondary .wp-block-button__link[class]:not([disabled]):hover {
--current-button-text-color: var(--theme-button-text-color); }
.wp-block-button.is-style-secondary .wp-block-button__link[class]:not([disabled]):hover:before {
transform: scale3d(1, 1, 1); }
.wp-block-button.is-style-text .wp-block-button__link {
padding: 0;
border-width: 0;
position: relative;
padding-right: 1.15em;
padding-bottom: .3em;
margin-right: calc( -1 * 1.15em);
background: none !important;
text-decoration: none;
--theme-button-text-color: var(--sm-current-accent-color);
--theme-button-hover-text-color: var(--sm-current-accent-color); }
.wp-block-button.is-style-text .wp-block-button__link:before {
content: '';
position: absolute;
bottom: 0;
right: 1.15em;
width: calc(100% - 1.15em);
height: .1em;
transform: scale3d(1, 1, 1);
will-change: transform;
-webkit-backface-visibility: hidden;
transform-origin: left;
background: currentColor;
transition: var(--theme-button-transition);
transition-property: transform; }
.wp-block-button.is-style-text .wp-block-button__link:after {
content: '';
opacity: 0;
transform: translate(0, -50%) scale(-1, 1); }
@supports (mask-clip: initial) or (-webkit-mask-clip: initial) {
.wp-block-button.is-style-text .wp-block-button__link:after {
position: absolute;
top: 50%;
right: 0;
display: inline-block;
width: 1.15em;
height: 1.15em;
mask: url(//chaletlunarossa.it/wp-content/themes/rosa2/assets/images/icon-arrow.svg) no-repeat 50% 50%;
mask-size: cover;
-webkit-mask: url(//chaletlunarossa.it/wp-content/themes/rosa2/assets/images/icon-arrow.svg) no-repeat 50% 50%;
-webkit-mask-size: cover;
background-color: currentColor;
vertical-align: text-bottom;
transform: translate(0, -50%) scale(-1, 1);
transition: var(--theme-button-transition);
transition-property: opacity, transform; } }
.wp-block-button.is-style-text .wp-block-button__link:not([disabled]):hover {
color: var(--theme-button-text-color); }
.wp-block-button.is-style-text .wp-block-button__link:not([disabled]):hover:before {
transform: scale3d(0, 1, 1);
transform-origin: right; }
.wp-block-button.is-style-text .wp-block-button__link:not([disabled]):hover:after {
opacity: 1;
transform: translate(0.4em, -50%) scale(-1, 1); }
.wp-block-button__link[class][class][class].has-sm_color_primary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-color-primary);
--theme-button-border-color: var(--sm-color-primary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-color-primary);
--theme-button-hover-text-color: var(--sm-color-primary); }
.wp-block-button__link[class][class][class].has-sm_color_primary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-color-primary); }
.wp-block-button__link[class][class][class].has-sm-color-primary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-color-primary);
--theme-button-border-color: var(--sm-color-primary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-color-primary);
--theme-button-hover-text-color: var(--sm-color-primary); }
.wp-block-button__link[class][class][class].has-sm-color-primary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-color-primary); }
.wp-block-button__link[class][class][class].has-sm_color_secondary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-color-secondary);
--theme-button-border-color: var(--sm-color-secondary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-color-secondary);
--theme-button-hover-text-color: var(--sm-color-secondary); }
.wp-block-button__link[class][class][class].has-sm_color_secondary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-color-secondary); }
.wp-block-button__link[class][class][class].has-sm-color-secondary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-color-secondary);
--theme-button-border-color: var(--sm-color-secondary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-color-secondary);
--theme-button-hover-text-color: var(--sm-color-secondary); }
.wp-block-button__link[class][class][class].has-sm-color-secondary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-color-secondary); }
.wp-block-button__link[class][class][class].has-sm_color_tertiary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-color-tertiary);
--theme-button-border-color: var(--sm-color-tertiary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-color-tertiary);
--theme-button-hover-text-color: var(--sm-color-tertiary); }
.wp-block-button__link[class][class][class].has-sm_color_tertiary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-color-tertiary); }
.wp-block-button__link[class][class][class].has-sm-color-tertiary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-color-tertiary);
--theme-button-border-color: var(--sm-color-tertiary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-color-tertiary);
--theme-button-hover-text-color: var(--sm-color-tertiary); }
.wp-block-button__link[class][class][class].has-sm-color-tertiary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-color-tertiary); }
.wp-block-button__link[class][class][class].has-sm_dark_primary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-dark-primary);
--theme-button-border-color: var(--sm-dark-primary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-dark-primary);
--theme-button-hover-text-color: var(--sm-dark-primary); }
.wp-block-button__link[class][class][class].has-sm_dark_primary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-dark-primary); }
.wp-block-button__link[class][class][class].has-sm-dark-primary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-dark-primary);
--theme-button-border-color: var(--sm-dark-primary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-dark-primary);
--theme-button-hover-text-color: var(--sm-dark-primary); }
.wp-block-button__link[class][class][class].has-sm-dark-primary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-dark-primary); }
.wp-block-button__link[class][class][class].has-sm_dark_secondary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-dark-secondary);
--theme-button-border-color: var(--sm-dark-secondary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-dark-secondary);
--theme-button-hover-text-color: var(--sm-dark-secondary); }
.wp-block-button__link[class][class][class].has-sm_dark_secondary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-dark-secondary); }
.wp-block-button__link[class][class][class].has-sm-dark-secondary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-dark-secondary);
--theme-button-border-color: var(--sm-dark-secondary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-dark-secondary);
--theme-button-hover-text-color: var(--sm-dark-secondary); }
.wp-block-button__link[class][class][class].has-sm-dark-secondary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-dark-secondary); }
.wp-block-button__link[class][class][class].has-sm_dark_tertiary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-dark-tertiary);
--theme-button-border-color: var(--sm-dark-tertiary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-dark-tertiary);
--theme-button-hover-text-color: var(--sm-dark-tertiary); }
.wp-block-button__link[class][class][class].has-sm_dark_tertiary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-dark-tertiary); }
.wp-block-button__link[class][class][class].has-sm-dark-tertiary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-dark-tertiary);
--theme-button-border-color: var(--sm-dark-tertiary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-dark-tertiary);
--theme-button-hover-text-color: var(--sm-dark-tertiary); }
.wp-block-button__link[class][class][class].has-sm-dark-tertiary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-dark-tertiary); }
.wp-block-button__link[class][class][class].has-sm_light_primary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-light-primary);
--theme-button-border-color: var(--sm-light-primary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-light-primary);
--theme-button-hover-text-color: var(--sm-light-primary); }
.wp-block-button__link[class][class][class].has-sm_light_primary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-light-primary); }
.wp-block-button__link[class][class][class].has-sm-light-primary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-light-primary);
--theme-button-border-color: var(--sm-light-primary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-light-primary);
--theme-button-hover-text-color: var(--sm-light-primary); }
.wp-block-button__link[class][class][class].has-sm-light-primary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-light-primary); }
.wp-block-button__link[class][class][class].has-sm_light_secondary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-light-secondary);
--theme-button-border-color: var(--sm-light-secondary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-light-secondary);
--theme-button-hover-text-color: var(--sm-light-secondary); }
.wp-block-button__link[class][class][class].has-sm_light_secondary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-light-secondary); }
.wp-block-button__link[class][class][class].has-sm-light-secondary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-light-secondary);
--theme-button-border-color: var(--sm-light-secondary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-light-secondary);
--theme-button-hover-text-color: var(--sm-light-secondary); }
.wp-block-button__link[class][class][class].has-sm-light-secondary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-light-secondary); }
.wp-block-button__link[class][class][class].has-sm_light_tertiary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-light-tertiary);
--theme-button-border-color: var(--sm-light-tertiary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-light-tertiary);
--theme-button-hover-text-color: var(--sm-light-tertiary); }
.wp-block-button__link[class][class][class].has-sm_light_tertiary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-light-tertiary); }
.wp-block-button__link[class][class][class].has-sm-light-tertiary-background-color {
background-color: transparent !important;
--theme-button-background-color: var(--sm-light-tertiary);
--theme-button-border-color: var(--sm-light-tertiary);
--theme-button-hover-background-color: transparent;
--theme-button-hover-border-color: var(--sm-light-tertiary);
--theme-button-hover-text-color: var(--sm-light-tertiary); }
.wp-block-button__link[class][class][class].has-sm-light-tertiary-color {
color: var(--current-button-text-color) !important;
--theme-button-hover-text-color: var(--theme-button-background-color);
--theme-button-text-color: var(--sm-light-tertiary); }
.button--small {
--theme-button-x-padding: 1em;
--theme-button-y-padding: .25em;
padding: var(--theme-button-y-padding) var(--theme-button-x-padding); }
.button--large {
--theme-button-x-padding: 2em;
--theme-button-y-padding: .6em;
padding: var(--theme-button-y-padding) var(--theme-button-x-padding); }
.button--huge {
--theme-button-x-padding: 2.5em;
--theme-button-y-padding: 1em;
padding: var(--theme-button-y-padding) var(--theme-button-x-padding); }
:root {
--theme-headline-spacing-setting: -0.3;
--theme-headline-spacing: calc(var(--theme-headline-spacing-setting) * 1em); }
.c-headline {
display: flex;
flex-direction: column;
align-items: center;
width: 100%; }
.c-headline.has-text-align-left {
align-items: flex-start; }
.c-headline.has-text-align-right {
align-items: flex-end; }
.c-headline__word {
display: inline-flex !important; }
.c-headline__primary,
.c-headline__secondary {
display: block; }
.c-headline__secondary + .c-headline__primary,
.c-headline > .editor-rich-text + .editor-rich-text {
margin-top: var(--theme-headline-spacing); }
.c-headline__secondary,
.c-headline > .editor-rich-text:first-child {
position: relative;
z-index: 10; }
.c-headline__secondary {
--current-font-family: var(--theme-accent-font-family);
--current-font-weight: var(--theme-accent-font-weight);
--current-font-style: var(--theme-accent-font-style);
--current-letter-spacing: var(--theme-accent-letter-spacing);
--current-text-transform: var(--theme-accent-text-transform); }
.c-headline__secondary {
font-size: 1.3636em;
line-height: 0.9;
white-space: nowrap; }
h1.c-headline.has-larger-font-size .c-headline__secondary {
font-size: .87em;
line-height: 1.1; }
.c-separator {
--separator-line-thickness: 2px;
--separator-arrow-width: 5px;
display: flex;
justify-content: center;
align-items: center;
line-height: 1; }
.c-separator__symbol {
padding-left: 1em;
padding-right: 1em;
opacity: 0.5; }
.c-separator__symbol svg {
width: auto;
height: auto; }
.novablocks-hero .c-separator__symbol {
opacity: 1; }
.c-separator__line {
flex-grow: 1; }
.c-separator__line:after {
content: "";
display: block;
width: 100%;
height: var(--separator-line-thickness);
background: currentColor; }
.c-separator__arrow {
height: var(--separator-line-thickness);
border: var(--separator-arrow-width) solid transparent; }
.c-separator__arrow--left {
border-left-color: currentColor;
border-right: 0; }
.c-separator__arrow--right {
border-right-color: currentColor;
border-left: 0; }
.wp-block-separator.is-style-simple {
width: 100%; }
.wp-block-separator.is-style-simple .c-separator:after {
content: "";
display: block;
width: 100%;
height: var(--separator-line-thickness);
background: currentColor; }
.wp-block-separator.is-style-simple .c-separator__arrow,
.wp-block-separator.is-style-simple .c-separator__symbol,
.wp-block-separator.is-style-simple .c-separator__line {
display: none; }
.wp-block-separator.is-style-decorative .c-separator__arrow,
.wp-block-separator.is-style-decorative .c-separator__line,
.wp-block-separator:not([class*="is-style"]) .c-separator__arrow,
.wp-block-separator:not([class*="is-style"]) .c-separator__line {
display: none; }