// vue/app/shared/FormValidator/index.styl
// Стили исключительно для валидатора форм

.form-validator
  .form-group
    transition: all 0.3s ease
    
  .validation-message
    transition: all 0.3s ease
    
  .submit-btn
    transition: all 0.3s ease
    position: relative
    overflow: hidden
    
    &:disabled
      cursor: not-allowed
      
    &::before
      content: ''
      position: absolute
      top: 50%
      left: 50%
      width: 0
      height: 0
      background: rgba(255, 255, 255, 0.2)
      border-radius: 50%
      transform: translate(-50%, -50%)
      transition: width 0.6s, height 0.6s
      
    &:hover:not(:disabled)::before
      width: 300px
      height: 300px