.emp-Button{padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;outline:none;position:relative;&:focus{box-shadow:0 0 0 2px rgba(59,130,246,.5)}&:disabled{opacity:.5;cursor:not-allowed}&.primary{background-color:var(--color-purple-600);color:white;&:hover:not(:disabled){background-color:var(--color-purple-800)}}&.secondary{background-color:var(--color-gray-200);color:var(--color-purple-600);&:hover:not(:disabled){background-color:var(--color-gray-300)}}&.tertiary{background-color:transparent;color:#3b82f6;border:1px solid var(--color-blue-600);&:hover:not(:disabled){background-color:var(--color-blue-50)}}&.danger{background-color:var(--color-red-500);color:white;&:hover:not(:disabled){background-color:var(--color-red-600)}}&.sm{font-size:.875rem;padding:.5rem .75rem;min-height:2.25rem}&.md{font-size:1rem;padding:.625rem 1rem;min-height:2.5rem}&.lg{font-size:1.125rem;padding:.75rem 1.5rem;min-height:3rem}@media (max-width:768px){min-height:2.75rem;&.sm{min-height:2.5rem;padding:.5rem .875rem}&.md{min-height:2.75rem;padding:.625rem 1.125rem}&.lg{min-height:3.25rem;padding:.875rem 1.75rem}}}