.usp-text {
    min-width: 127px;

    .usp-wrapper {
        @apply flex items-start;

        .usp-heading {
            @apply flex-grow;
        }

        .usp-icon {
            @apply flex-none w-8 h-6 md:w-8 md:h-8;

            align-items: flex-start;
            display: flex;

            @screen md {
                align-items: center;
            }
        }
    }

    .paragraph {
        @apply ml-8;
    }

    /* Color */
    &.white {
        @apply text-white;

        .icon,
        a {
            @apply text-white;
        }

        a {
            @apply underline;
        }
    }

    &.black {
        @apply text-black;

        .icon {
            @apply text-black;
        }
    }

    &.gray {
        @apply text-black-600;

        .icon {
            @apply text-black-600;
        }
    }

    &.red-icon {
        .icon {
            @apply text-red;
        }
    }

    /* size */
    &.small {
        .usp-icon {
            @apply h-5;

            align-items: center;
        }
    }
    &.large {
        .usp-icon {
            @apply w-10 h-9;

            font-size: 24px;
        }
    }
}