.nicolas-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 3rem; padding: .65rem 1.3rem; border: 2px solid transparent; border-radius: var(--nicolas-radius-button); box-shadow: inset 0 1px 0 rgb(255 255 255 / .35), inset 0 -2px 0 rgb(0 0 0 / .1), 0 1px 2px rgb(0 0 0 / .12), 0 6px 16px -6px color-mix(in srgb, var(--nicolas-accent-dark) 24%, transparent); font-family: var(--nicolas-font-body); font-weight: var(--nicolas-weight-strong); font-size: var(--nicolas-type-secondary); letter-spacing: .015em; line-height: 1.2; text-align: center; text-decoration: none; text-transform: none; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.nicolas-button { --nicolas-button-secondary-fill: linear-gradient(180deg, rgb(255 255 255 / .6), rgb(210 205 197 / .22)); --nicolas-button-secondary-fill-dark: linear-gradient(180deg, rgb(255 255 255 / .08), rgb(210 205 197 / .04)); }
.nicolas-button--primary { background: var(--nicolas-accent); color: var(--nicolas-white); }
.nicolas-button--primary:hover { background: var(--nicolas-accent-dark); color: var(--nicolas-white); }
.nicolas-button--outline { border-color: var(--nicolas-button-secondary-border); background: var(--nicolas-button-secondary-fill); color: var(--nicolas-accent-dark); }
.nicolas-button--outline:hover { background: var(--nicolas-accent); color: var(--nicolas-white); }
.nicolas-button--light { background: var(--nicolas-white); color: var(--nicolas-accent-dark); }
.nicolas-button--light:hover { background: var(--nicolas-surface); }
.nicolas-button:active { box-shadow: inset 0 2px 3px rgb(0 0 0 / .16), inset 0 -1px 0 rgb(255 255 255 / .15), 0 1px 2px rgb(0 0 0 / .1); }
.nicolas-button:is(.nicolas-button--outline, .nicolas-home__button-outline, .nicolas-venues__button-secondary, .nicolas-accommodation__button-secondary, .nicolas-contact__secondary) { --nicolas-button-secondary-border: color-mix(in srgb, currentColor 45%, transparent); box-shadow: inset 0 1px 0 rgb(255 255 255 / .25), 0 3px 10px -5px color-mix(in srgb, var(--nicolas-accent-dark) 14%, transparent); }
.nicolas-button:is(.nicolas-button--outline, .nicolas-home__button-outline, .nicolas-venues__button-secondary, .nicolas-accommodation__button-secondary, .nicolas-contact__secondary):active { box-shadow: inset 0 1px 2px color-mix(in srgb, var(--nicolas-accent-dark) 8%, transparent); }