.atm-form-checkbox {
    @apply flex items-center gap-2;
    
    .form-checkbox {
        @apply rounded-sm;
        @apply text-cta;

        &[disabled] {
            @apply text-shade;

            + .atm-form-label {
                @apply text-shade;
            }
        }

        &:checked{
            @apply bg-secondary-col-1
        }
    }

    a {
        @apply text-cta;
        @apply underline;
    }
}