#section__donation{

    display: flex;
    align-items: center;



    .btn--donation__container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: calc(var(--padding-body)*0.75);

        @media #{$medium-up}{
            width: 420px;
        }

        @media #{$medium}{
            width: 100%;
            max-width: 420px;
        }

        .btn--donation__grow-2{
            grid-column: span 2;
        }

        display: none;
        &.is-selected{
            display: grid;
        }
    }


    .btn--donation{
        background-color: var(--color-txt);
        color: var(--color-bg);
        border-radius: var(--radius-small);
        height: calc(var(--h-block)*2);

        .bold{
            font-family: var(--title);
            font-size: var(--fs-medium);
            font-weight: var(--fw-bold);
            margin-bottom: 0.25em;
        }

        .small{
            font-family: var(--font);
            font-weight: var(--fw-medium);
            font-size: var(--fs-small);
        }

        &:hover{
            outline: 4px solid var(--color-accent);
            cursor: pointer;
        }

    }




   
}