.btn-primary {
display: grid;
grid-auto-flow: column;
column-gap: 1rem;
border: 1px solid var(--btn-border-color);
color: var(--btn-text-color);
font-family: 'WorkSans', sans-serif;
width: max-content;
padding: 0.5rem;
place-items: center;
border-radius: 0.5rem;
z-index: 1;
cursor: pointer;
&:hover {
background-color: var(--btn-primary-hover-bg);
color: var(--btn-text-hover-color);
}
svg {
width: 20px;
height: auto;
.btn-primary-disabled {
pointer-events: none;
opacity: 0.5;