.custom-button{display:inline-flex;justify-content:center;align-items:center;width:-moz-max-content;width:max-content;padding:10px 20px;font-size:1.125rem;background-color:var(--buttonPrimary);border:2px solid var(--borderButtonPrimary);color:var(--onButtonPrimary);border-radius:10px;transition:background-color .3s ease}.custom-button.secondary{padding:5px 10px;border-radius:6px;background-color:var(--buttonSecondary);border:2px solid var(--borderButtonSecondary);color:var(--onButtonSecondary)}.custom-button.tertiary{border-radius:6px;background-color:var(--buttonTertiary);border:2px solid var(--borderButtonTertiary);color:var(--onButtonTertiary)}.custom-button:hover{background-color:var(--buttonPrimaryHover);color:var(--onButtonPrimaryHover)}.custom-button:hover.secondary{background-color:var(--buttonSecondaryHover);color:var(--onButtonSecondaryHover)}.custom-button:hover.tertiary{background-color:var(--buttonTertiaryHover);color:var(--onButtonTertiaryHover)}.custom-button.active{background-color:var(--buttonPrimaryHover);color:var(--onButtonPrimaryHover)}.custom-button.active.secondary{background-color:var(--buttonSecondaryHover);color:var(--onButtonSecondaryHover)}.custom-button.active.tertiary{background-color:var(--buttonTertiaryHover);color:var(--onButtonTertiaryHover)}@media screen and (min-width:1040px){.custom-button{font-size:1.25rem}}