.input {
    appearance: none;
    border: 2px solid #d0d5dd;
    font-size: 16px;
    padding: 10px 24px 6px 24px;
    transition: box-shadow 0.5s cubic-bezier(0.25, 0.8, 0.25, 1),
        background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    border-radius: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    &:focus {
        outline: none;
        border-color: $green;
        box-shadow: 0 0 10px rgba(0, 128, 0, 0.15);
    }
}
label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.8em;
    margin-bottom: 0;
}
.error {
    color: red;
    font-size: 0.8em;
    margin-top: 0.5em;
}
.form__wrapper {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px,
        rgba(9, 9, 11, 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
    padding: 2em;
    border-radius: 10px;
}