// resources/scss/components/_buttons.scss
.btn {
    @include btn-base;

    &-primary {
        @include btn-primary;
    }

    &-secondary {
        @include btn-secondary;
    }

    &-outline {
        @include btn-base;
        background-color: transparent;
        border: 2px solid $primary-blue;
        color: $primary-blue;
        padding: 0.75rem 2rem;

        &:hover {
            background-color: $primary-blue;
            color: white;
        }
    }
}