// Form
.form {
    label {
        cursor: pointer;
    }

    // Group item
    // &__group {
    // }

    // Input group
    &__inputgroup {
        position: relative;

        button {
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            width: 32px;
            height: 32px;
            padding: 0;

            @include breakpoint (sm) {
                right: 20px;
            }
        }

        // Hover
        &:hover {
            .input__text {
                @extend %input__text--active;
            }
        }
    }


    /*
    ** Variants
    */
    // Light version
    &--light {
        // Text input
        .input__text {
            &, &::placeholder {
                color: $color-text;
            }
        }
    }
}