/**

* WP Share by Email Lite
*
* Front-end Styles
*
* @package WP_Share_By_Email_Lite
  */

.wp-share-email-form {

```
max-width: 600px;
margin: 20px auto;
```

}

.wp-share-field {

```
margin-bottom: 20px;
```

}

.wp-share-field label {

```
display: block;
font-weight: 600;
margin-bottom: 8px;
```

}

.wp-share-email-form input[type="email"],
.wp-share-email-form textarea {

```
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
```

}

.wp-share-email-form textarea {

```
resize: vertical;
```

}

.wp-share-recipient-row {

```
display: flex;
gap: 10px;
margin-bottom: 10px;
```

}

.wp-share-recipient-row input {

```
flex: 1;
```

}

.wp-share-email-form button {

```
cursor: pointer;
```

}

#wp-share-add-recipient {

```
margin-top: 10px;
```

}

.wp-share-remove-recipient {

```
background: transparent;
border: none;
color: #cc0000;
```

}

.wp-share-submit {

```
padding: 12px 25px;
border: none;
border-radius: 4px;
```

}

.wp-share-success {

```
margin-top: 15px;
padding: 12px;
border-radius: 4px;
```

}

.wp-share-error {

```
margin-top: 15px;
padding: 12px;
border-radius: 4px;
```

}

@media screen and (max-width: 600px) {

```
.wp-share-recipient-row {

	display: block;

}


.wp-share-remove-recipient {

	margin-top: 8px;

}
```

}