@import ../../styles/helpers

.form
    position: relative
    margin: 0 auto

.input
    width: 100%
    height: 48px
    padding: 0 48px 0 14px
    border-radius: 12px
    background: none
    border: 2px solid $neutrals6
    +poppins
    +caption-1
    border-color: $neutrals3
    color: $neutrals8
    transition: border-color .2s
    &:focus
        border-color: $neutrals4
    +placeholder
        color: $neutrals4

.btn
    position: absolute
    top: 8px
    right: 8px
    bottom: 8px
    width: 32px
    height: 32px
    border-radius: 50%
    background: $purple
    transition: background .2s
    svg
        fill: $neutrals8
    &:hover
        background: darken($purple, 10)