.hero-button{align-items:center;background:var(--button-primary-default);border-radius:999px;color:var(--title-color);cursor:pointer;display:inline-flex;font-size:var(--size-button);font-weight:600;justify-content:center;padding:24px 32px;text-decoration:none;transition:background .3s ease,color .3s ease;width:fit-content}@media (max-width:1199px){.hero-button{padding:16px 32px}}.hero-button:hover{background:var(--button-primary-hover)}.hero-button:active{background:var(--button-primary-click)}.hero-button:disabled{background:var(--button-primary-disable);color:var(--text-color);cursor:not-allowed}