@use "../../../../styles/abstracts/mixins";  
@use "../../../../styles/abstracts/variables";

.estates {
    &__header{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding-bottom: 1rem;
        @media only screen and (max-width: 1000px) {
            flex-direction: column;
            margin-bottom: 1.4rem;
        }

        button {
            background: variables.$col-secondary;
            padding: .75rem 1.5rem;
            border-radius: 6px;
            display: flex;
            align-items: center;
            color: variables.$col-white;
            font-weight: 600;
            font-size: .75rem;
        }
    }
    &__grid{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 40px;
        border: 1px solid variables.$col-border-lining;
        padding: 1.5rem;
        border-radius: 6px;
    }
}