class="form"内にあるclass="btn"に対してborder-radiusが適応されない

前提・実現したいこと

djangoでwebページを作ろうとしています。
signup.htmlのclass="form"内にあるclass="btn"に対してborder-radiusが適応されません。

これが
こうなるはずです。

該当のソースコード

signup.html

<form method='POST' role="form" action="" class="form">
                {% csrf_token %}
                <div class="form__group">
                    {{ form.username }}
                </dv>
                
                <div class="form__group">
                    {{ form.email}}
                </dv>
                
                <div class="form__group">
                    {{ form.password1 }}
                </dv>
                
                <div class="form__group">
                    {{ form.password2 }}
                </dv>
                
                <button class="btn" type="submit">Register</button>
                
                {# エラーメッセージを表示 #}
                {% if form.errors %}
                    {% for field in form %}
                        {% for error in field.errors %}
                            <p>{{ error }}</p>
                        {% endfor %}
                     {% endfor %}
                {% endif %} 
            </form>

signup.css

.form {
    margin-top: 40px;
    border-radius: 6px;
    overflow: hidden;
    opacity: 0;
    transform: translate3d(0, 500px, 0);
    animation: arrive 500ms ease-in-out 0.9s forwards;
}

.form--no {
    animation: NO 1s ease-in-out;
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.form__input {
    display: block;
    width: 100%;
    padding: 20px;
    font-family: "Roboto";
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    transition: 0.3s;
    
    &:focus {
        background: darken(#fff, 3%);
    }
}

.btn {
    display: block;
    width: 100%;
    padding: 20px;
    font-family: "Roboto";
    -webkit-appearance: none;
    outline: 0;
    border: 0;
    color: white;
    background: #ABA194;
    transition: 0.3s;
    
    &:hover {
        background: darken(#ABA194, 5%);
    }
}