.button__primary {
    font-size: var(--font-3);
    font-weight: var(--font-weight-2);
    line-height: var(--line-height-1);
    color: var(--color-grey-2);
    padding: 0rem 0.5rem;
    height: 1.875rem;
    background-color: var(--color-grey-8);
    border: 0.0625rem solid var(--color-grey-8);
    border-radius: var(--radius-1);
    cursor: pointer;
}

.dark__mode .button__primary {
    color: var(--color-grey-6);
}

.button__primary:hover {
    color: var(--color-grey-2);
    background-color: var(--color-grey-7);
    border: 0.0625rem solid var(--color-grey-7);
    transition: 0.5s;
}

.button__secondary {
    font-size: var(--font-3);
    font-weight: var(--font-weight-2);
    line-height: var(--line-height-1);
    color: var(--color-grey-2);
    padding: 0rem 0.5rem;
    height: 1.875rem;
    background-color: var(--color-grey-7);
    border: 0.0625rem solid var(--color-grey-7);
    border-radius: var(--radius-1);
    cursor: pointer;
}

.button__secondary:hover {
    color: var(--color-grey-2);
    background-color: var(--color-grey-8);
    border: 0.0625rem solid var(--color-grey-8);
    transition: 0.5s;
}

.button__secondary:focus {
    color: var(--color-white-fixed);
    background-color: var(--color-actived-fixed);
    border: 0.0625rem solid var(--color-white-fixed);
    transition: 0.5s;
}

.button__primary--active {
    font-size: var(--font-3);
    font-weight: var(--font-weight-2);
    line-height: var(--line-height-1);
    color: var(--color-white-fixed);
    padding: 0rem 0.5rem;
    height: 1.875rem;
    background-color: var(--color-actived-fixed);
    border: 0.0625rem solid var(--color-white-fixed);
    border-radius: var(--radius-1);
    cursor: pointer;
}

.backgroundCard {
    background-color: var(--color-grey-8);
}

.backgroundCard:hover {
    background-color: var(--color-grey-6);
    transition: 0.5s;
}

.dark__mode .backgroundCard:hover {
    background-color: var(--color-grey-7);
    transition: 0.5s;
}

.header__container > div > button {
    width: 2.25rem;
    height: 2.25rem;
    padding: 0rem 0.5625rem;
    border-radius: 0.3125rem;
}

.header__container > div > button > figure {
    width: 1rem;
    height: 1rem;
}

.header__container > div > button > figure > img {
    width: 1rem;
    height: 1rem;
}

.price__area > button {
    font-size: var(--font-3);
    font-weight: var(--font-weight-2);
    line-height: var(--line-height-1);
}